ngTable 中的行数不正确

Question

In this plunk 我有一个 ngTable，每页分页 3 行，在 NgTableParams 中设置了 {count: 3}。相反，table 每页显示 4 行。如何解决这个问题？

HTML:

  <table ng-table-dynamic="tableParams with cols" class="table table-bordered table-hover">
    <thead>
      <tr>
        <th ng-repeat="col in cols" ng-style="{ 'color': col.color }">{{col.title}}</th>
      </tr>
    </thead>
    <tr ng-repeat="row in data">
      <td ng-repeat="col in cols" ng-style="{ 'color': col.color }" >{{row[col.nm]}}</td>
    </tr>
  </table>

Javascript:

var app = angular.module('app', ['ngTable']);

app.controller('myCtl', function($scope,NgTableParams) {

      $scope.cols = [ 
        {nm:'uid', title:'User ID', color: 'blue'}, 
        {nm:'ugr', title: 'Group ID', color: 'red'} 
      ];


      $scope.data = [ 
        { uid: 'aaa',ugr: '222'},
        { uid: 'bbb', ugr: '111'},
        { uid: 'ccc',ugr: '222'},
        { uid: 'ddd', ugr: '111'}
      ];

      $scope.tableParams = new NgTableParams({count: 3}, 
                                   {dataset: $scope.data, counts: []});

});

Answer 1

您应该像这样更改您的代码：

<tr ng-repeat="row in $data">
          <td ng-repeat="col in cols" ng-style="{ 'color': col.color }" >{{row[col.nm]}}</td>
        </tr>


$scope.tableParams = new NgTableParams({count: 3}, {data: $scope.data, counts: []});

原因是： 1、关于'$data'，请看 2、关于'data'替换'dataset'，请看

ngTable 中的行数不正确

Incorrect number of rows in ngTable

angularjs

ngtable