I want to add a row number for each row in my data table. I am using plugin from The page which tells how to add the index is .html

... however I don't know how to actually implement it to make it work. I know extremely little about jquery / javascript which would help in this case. I don't know where to put this code to make it work (if it helps i am also using Ruby on Rails)

The initialization code is:

jQuery ->
  $('#staffs').dataTable
    sPaginationType: "full_numbers"
    bJQueryUI: true
    }

I want to add a row number for each row in my data table. I am using plugin from http://datatables The page which tells how to add the index is http://datatables/release-datatables/examples/api/counter_column.html

... however I don't know how to actually implement it to make it work. I know extremely little about jquery / javascript which would help in this case. I don't know where to put this code to make it work (if it helps i am also using Ruby on Rails)

The initialization code is:

jQuery ->
  $('#staffs').dataTable
    sPaginationType: "full_numbers"
    bJQueryUI: true
    }

• javascript
• datatables
• ruby-on-rails-plugins

• add your datatables initialization code. – David Stetler Commented Nov 5, 2012 at 17:50

3 Answers 3

Here is an example from datatables site DataTables row numbers example

$(document).ready(function() {
    $('#staffs').dataTable( {
        sPaginationType: "full_numbers",
        bJQueryUI: true,
        "fnDrawCallback": function ( oSettings ) {
            /* Need to redo the counters if filtered or sorted */
            if ( oSettings.bSorted || oSettings.bFiltered )
            {
                for ( var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ )
                {
                    $('td:eq(0)', oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ).html( i+1 );
                }
            }
        },
        "aoColumnDefs": [
            { "bSortable": false, "aTargets": [ 0 ] }
        ],
        "aaSorting": [[ 1, 'asc' ]]
    } );
} );

Regarding your SyntaxError: reserved word "function" on line 4 (in /home/ubuntu/ruby/scoreboard/app/assets/javascripts/staffs.js.coffee)' error

take a look at this rails, getting syntax error with coffee script

jquery is javascript. You need to add the code Daniel pasted between

<script language="javascript">

and

</script>

tags.

I am working with latest dataTable 1.10 and gem rails datatable and ajx for

finding the DataTable row number(Serial Number)

def data outer = [] records.each_with_index do |record, index| outer << [ # ma separated list of the values for each cell of a table row # example: record.attribute, index + 1 + params[:start].to_i, record.pany_name, record.id, record.patients.count, record.revenue_total ] end outer end