Question

我是AngularJs的新手。我正在使用AngularJs中的ng-grid，但我无法弄清楚如何在ng-grid中显示序列号或行号。

Answer 1

我制作了一个使用ng-grid的row.rowIndex属性的plunker来显示第一列中的行号： http://plnkr.co/edit/zLUinDSNUS8B1IrhzYhA?p=preview

 $scope.gridOptions = { 
    data: 'myData',
    columnDefs: [
      {field: '', displayName: 'Row Number', cellTemplate: '<div class="ngCellText ng-scope col1 colt1" ng-class="col.colIndex()"><span ng-cell-text="">{{row.rowIndex + 1}}</span></div>'},
      {field: 'name', displayName: 'Name'}, 
      {field:'age', displayName:'Age'}]
};

Answer 2

使用 {{rowRenderIndex + 1}} 属性，我们可以在ng-grid UI中轻松显示序列号。

colDef = [{
      name: 'ID',
      field: '',
      displayName: 'Id',
      cellTemplate: '<span>{{rowRenderIndex+1}}</span>',
      width: '10%'
    }, {
      field: 'data1',
      displayName: 'Data1',
      width: '40%'
    },, {
      field: 'data2',
      displayName: 'Data2',
      width: '40%'
    }]

如何在Ng网格中显示序列号或行号？

2 个答案: