如何向Datatable添加索引列?

时间:2012-11-05 17:35:31

标签: javascript datatables ruby-on-rails-plugins

我想为数据表中的每一行添加一个行号。我正在使用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
    }

3 个答案:

答案 0 :(得分:3)

以下是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

答案 1 :(得分:0)

jquery是javascript。您需要添加代码Daniel粘贴在<​​/ p>之间

<script language="javascript">

</script>

标记。

答案 2 :(得分:0)

我正在使用最新的dataTable 1.10和gem rails datatable and ajx 为了

查找DataTable行号(序列号)

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