2

I'm trying to use the ng-table directive. Having a really hard time just getting the demo code to work properly in my local project.

http://ng-table.com

In my controller, I set up my data.

    var dataset = [
        {name: "Moroni50", age: 50},
        {name: "Moroni49", age: 49},
        {name: "Moroni48", age: 48},
        {name: "Moroni47", age: 47},
        {name: "Moroni46", age: 46},
    ];

    $scope.tableParams = new NgTableParams({}, {dataset: dataset});

When I console.log($scope.tableParams) it seems the object has been created successfully. However the it shows data is an empty array with 0 length.

The render code then just shows the table header with no data.

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

No idea what's going on, is there something simple I'm missing?

Rob
  • 10,851
  • 21
  • 69
  • 109

2 Answers2

8

I think the documentation may be out of date. I got it working changing "dataset" to "data", like this (using v0.8.3): 

$scope.tableParams = new NgTableParams({}, {data: dataset});

You can also add a count (otherwise it just displays one item per page).

$scope.tableParams = new NgTableParams({
    count: 10 
}, {
    data: dataset
});

Working demo: http://plnkr.co/edit/Sbaqgzo6QT3sjxEduRFO?p=preview

Diné Bennett
  • 272
  • 4
  • 11
  • Yes, I found out the issue is with the documentations version 1.0.0-beta9 and the official npm release which is 0.5.3. – Rob Jan 16 '16 at 07:36
0

As Rob said, it looks like the documentation is referencing the latest 1.x beta versions. At 1.0.0-beta.4 they changed settings().data to settings().dataset. So, if you're using an older version use data.

https://github.com/esvit/ng-table/releases?after=1.0.0-beta.5

Firze
  • 3,939
  • 6
  • 48
  • 61
Fabian
  • 3,310
  • 3
  • 26
  • 35