javascript - 如何向 Datatable 添加索引列？

Question

我想为我的数据表中的每一行添加一个行号。我正在使用来自 http://datatables.net 的插件告诉如何添加索引的页面是http://datatables.net/release-datatables/examples/api/counter_column.html

...但是我不知道如何实际实现它才能使其发挥作用。我对在这种情况下会有所帮助的 jquery/javascript 知之甚少。我不知道把这段代码放在哪里才能让它工作(如果它有帮助我也在使用 Ruby on Rails)

初始化代码为:

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

Answer 1

这是来自 datatables.net 网站的示例 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' ]]
    } );
} );

---

关于你的 SyntaxError: reserved word "function"on line 4 (in/home/ubuntu/ruby/scoreboard/app/assets/javascripts/staffs.js.coffee)' 错误

看看这个rails, getting syntax error with coffee script