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
相关推荐
xiaoge00 2020-03-01
83443560 2014-06-28
ywy0 2018-05-05
bluemengcom 2017-12-07
郭贝贝编程 2017-05-24
yongyonglsy 2016-11-07
momode 2016-10-06
lpch0 2016-09-01
jiaojiao0 2016-07-14
83443560 2015-04-28
asdjkl 2015-03-20
SanBa 2014-11-07
LingPF 2019-06-27
lqadam 2014-03-17
Chydar 2019-06-26
XiaoSpring 2013-03-11
黑色幽默 2012-10-17
83453065 2012-06-04