jQuery插件dataTables添加序号列的方法
官网方法实例:
$(document).ready(function(){ vart=$('#example').DataTable({ "columnDefs":[{ "searchable":false, "orderable":false, "targets":0 }], "order":[[1,'asc']] }); t.on('order.dtsearch.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(){ varapi=this.api(); varstartIndex=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添加序号列的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!