如何在Angular ui-grid 3.0中显示行号

Question

我想在网格中显示行号。 我使用单元格模板，在那里我使用{{rowRenderIndex + 1}} 当记录少于14个时，它工作正常，但是当记录数增加后，当我们向下滚动网格时，行No一次又一次初始化。

Answer 1

您可以在数据中添加属性并添加要显示的列：

//Add property
$scope.yourData.forEach( function(row, index){
  row.idx= index;
});


//Adding column
columnDefs: [
    {
        field: 'idx',
        displayName: '',
        width: 30
    }

Answer 2

ui-grid FAQ中有一个部分“ 如何在网格的一列中显示序列号/ id？”

我相信您正在寻找该部分的第二个答案：

cellTemplate: '<div class="ui-grid-cell-contents">{{grid.renderContainers.body.visibleRowCache.indexOf(row)}}</div>'

rowRenderIndex用于索引此时呈现的行。