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添加序号列的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
热门推荐
10 毛笔哥哥结婚祝福语简短
11 向国庆送祝福语简短
12 建队节祝福语简短
13 朋友喜得外孙简短祝福语
14 小店营业的祝福语简短
15 餐饮生日祝福语简短独特
16 鲜花英语祝福语卡片简短
17 男朋友暴富祝福语简短
18 婶婶拜年祝福语大全简短