jQuery插件dataTables添加序号列的方法

官网方法实例：

$（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（）;}）;

试了一下，然后发现会报draw方法找不到之类的，可能是因为版本问题，用的是1.12.10版本的。

所以又发现有热心网友分享一下方法，是可以的。

定义{"data": null,"targets": 0},一个空列，然后在dataTables中添加方法：

"fnDrawCallback": function（）{  var api = this.api（）;  var startIndex= api.context[0]._iDisplayStart;//获取到本页开始的条数  api.column（0）.nodes（）.each（function（cell, i） {    cell.innerHTML = startIndex + i + 1;  }）; }

网址链接：http://datatables.club/example/api/counter_columns.html
以上所述是小编给大家介绍的jQuery插件dataTables添加序号列的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！