如何显示网格吴序列号或行号？

Question

我是新来AngularJs。我在AngularJs NG-电网工作，但我无法弄清楚如何以显示NG电网序列号或行号。

Answer 1

我做了一个使用NG-网格的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-格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%'
    }]