将行号列添加到jquery数据表

Xin*_*nez 11 html jquery datatables

我希望jQuery数据表在第一列中自动创建行号列,如VB中的datagrid.

它看起来像这样:

在此输入图像描述

谁知道怎么做?

小智 43

只需编写渲染函数:

{
    "data": "id",
    render: function (data, type, row, meta) {
        return meta.row + meta.settings._iDisplayStart + 1;
    }
}
Run Code Online (Sandbox Code Playgroud)

  • 这听起来是最好的解决方案,但是一旦我按列排序,数字就会被破坏 (2认同)

Peh*_*elu 11

您只需在aoColumns中定义一个空列.

然后在fnRowCallback函数中,您只需按照自己喜欢的方式编辑列.每次创建新行时都会运行此回调.

基本上,如果您的第一列有行号,您可以在fnRowCallback中执行此操作:

var index = iDisplayIndex +1;
$('td:eq(0)',nRow).html(index);
return nRow;
Run Code Online (Sandbox Code Playgroud)