https://datatables.net/examples/api/counter_columns.html $(document).ready(function() { var t = $('#example').DataTable( { "columnDefs": [ { "searchable": false, "orderable": false, "targets": 0 } ], "order": [[ 1, 'asc' ]] } ); t.on( 'draw.dt', function () { var PageInfo = $('#example').DataTable().page.info(); t.column(0, { page: 'current' }).nodes().each( function (cell, i) { cell.innerHTML = i + 1 + PageInfo.start; } ); } ); } );
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter