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添加序号列的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!