Как показать строку нет в угловой UI-сетки 3,0

Question

Я хочу показать строку нет в моей сетке.Я использую шаблон ячейки, и там я использую {{rowRenderIndex + 1}}. Он прекрасно работает, когда записи меньше 14, но после увеличения количества записей, когда мы прокручиваем вниз по сетке, строка «Нет» инициализируется с одним снова и снова.

Answer 1

В ui-grid FAQ есть раздел " Как показать порядковый номер / идентификатор в столбце в моей сетке? "

Iпредположим, что вы ищете второй ответ в этом разделе:

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

rowRenderIndex используется для индексации строк, отображаемых в данный момент.

Answer 2

Вы можете добавить свойство в данные и добавить столбец для отображения:

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


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