Intro API Docs

Steps for getting started (example on right)

1. Add references to AngularJS. EG:
   

   <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular.js"></script>
   

2. Add references to ngTable's javascript and css files. EG:
   

   <link rel="stylesheet"; href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css">
   <script src="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.js"></script>
   

   Note: ng-table npm package distributes individual ES2015 modules. Use these instead, if your app uses webpack to bundle vendor dependencies

3. Where you declare your app module, add ngTable:
   

   angular.module("myApp", ["ngTable"]);
   

4. In your html file within the controller where you plan to use ng-table, add:
   

   <table ng-table="vm.tableParams" class="table" show-filter="true">
       <tr ng-repeat="user in $data">
           <td title="'Name'" filter="{ name: 'text'}" sortable="'name'">
               {{user.name}}</td>
           <td title="'Age'" filter="{ age: 'number'}" sortable="'age'">
               {{user.age}}</td>
       </tr>
   </table>
   

5. In your javascript file within the controller where you plan to use ng-table, declare:
   

var self = this;
var data = [{name: "Moroni", age: 50} /*,*/];
self.tableParams = new NgTableParams({}, { dataset: data});

{{user.name}}

{{user.age}}