2012-11-05 120 views
2

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

...但是我不知道如何实际实现它才能使其工作。我对jquery/javascript了解得非常少,在这种情况下会有所帮助。我不知道在哪里可以把这个代码,使其正常工作(如果它可以帮助我也使用Ruby on Rails的)

的初始化代码:

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

添加您的DataTable的初始化代码工作。 –

+0

@DavidStetler添加到问题 – StanM

回答

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

+0

正确的是,从我提供的链接复制/粘贴(我已看到此代码)。我只是不知道在哪里把这个代码实际上使其工作 – StanM

+0

没有点击您的链接...编辑我的答案(添加您的两行代码...) – Daniel

+0

我试过只是复制和粘贴它像那样之前,但我不断收到第4行 (在/home/ubuntu/ruby/scoreboard/app/assets/javascripts/staffs.js.coffee)上的'SyntaxError:reserved word“函数”' – StanM

0

jquery是javascript。您需要添加丹尼尔粘贴标签

之间
<script language="javascript"> 

</script> 

的代码。

+0

谢谢,如果我把它保存在html文件中,这将工作,但对我来说,工作是js2coffee转换器。 – StanM

0

我与最新的dataTable 1.10和宝石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