How to add auto numbering column to a Jquery datatable?

Question

How can we add auto numbering column to a Jquery datatable?

Answer 1

$(document).ready(function() {

    var t = $('#example').DataTable( {

        "columnDefs": [ {

            "searchable": false,

            "orderable": false,

            "targets": 0

        } ],

        "order": [[ 1, 'asc' ]]

    } );

 

    t.on( 'order.dt search.dt', function () {

        t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {

            cell.innerHTML = i+1;

        } );

    } ).draw();

} );