Search code examples
jqueryhtmldatatables

Add row number column to jquery datatables

I want jQuery datatables to automatically create row number column in the first column like datagrid in VB.

It looks like this:

enter image description here

Anyone knows how to do this?

Solution

  • You just define an empty column in aoColumns.

    Then in fnRowCallback function you just edit the column how you like. This callback is run every time new row is created.

    Basicly if your first column has the row number, you could just do this in fnRowCallback:

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