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添加序号列的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
热门推荐
7 带马的祝福语简短
10 预祝中秋简短的祝福语
11 送给妈妈新年祝福语简短
12 2026腊八简短祝福语
13 女儿成年祝福语简短霸气
14 新婚祝福语英语简短精辟
15 老板餐馆开业祝福语简短
16 送行长的祝福语简短
17 分手的祝福语女生简短
18 音乐生祝福语大全简短