jQuery插件dataTables添加序号列的⽅法
官⽹⽅法实例:
$(document).ready(function() {
var t = $('#example').DataTable({
"columnDefs": [{
"searchable": false,
"orderable": false,
"targets": 0
}],
"order": [[1, 'asc']]
});
<('order.dt search.dt',
function() {
search: 'applied',
order: 'applied'
}).nodes().each(function(cell, i) {
cell.innerHTML = i + 1;
});
}).draw();
});
试了⼀下,然后发现会报draw⽅法不到之类的,可能是因为版本问题,⽤的是1.12.10版本的。
jquery插件分享所以⼜发现有热⼼⽹友分享⼀下⽅法,是可以的。
定义{"data": null,"targets": 0},⼀个空列,然后在dataTables中添加⽅法:
"fnDrawCallback": function(){
var api = this.api();
var startIndex= t[0]._iDisplayStart;//获取到本页开始的条数
lumn(0).nodes().each(function(cell, i) {
cell.innerHTML = startIndex + i + 1;
});
}
以上所述是⼩编给⼤家介绍的jQuery插件dataTables添加序号列的⽅法,希望对⼤家有所帮助,如果⼤家有任何疑问请给我留⾔,⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论