使用rowcallback时，数据表行索引无法正常工作

Posted 2021-03-26

使用分页时，列索引到表记录不匹配，fnRowCallback函数的'nRow'参数仅返回所选页面的可见记录，而不是返回所有记录。

我附上了问题的快照，以便更好地理解。我已经尝试过在DataTable中说过的大多数脚本但不起作用。当在分页中的页面之间切换时，具有索引的第一页被错误地映射。

fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull)    {
  var index = iDisplayIndexFull + 1;
  $("td:first", nRow).html(index);
  return nRow;  
})

我希望每条记录的索引应该正确分配，但索引不匹配。

答案

假设，你只需要用行号标记每一行，你真的不需要使用rowCallback，你可以使用columns.render在显示行索引的列前面添加数据：

$('#example').DataTable({
   ...
   columns: [
      {title: 'Row', data: null, render: (data, type, row, meta) => meta.row+1},
      {...},
      ...
   ],
   ...
});