jQuery插件dataTables添加序号列的方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery插件dataTables添加序号列的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含985字，纯文字阅读大概需要2分钟。

内容图文

官网方法实例：

$(document).ready(function() {
var t = $('#example').DataTable({
"columnDefs": [{
"searchable": false,
"orderable": false,
"targets": 0
}],
"order": [[1, 'asc']]
});
t.on('order.dt search.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(){
　　var api = this.api();
　　var startIndex= 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添加序号列的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

内容总结

以上是互联网集市为您收集整理的jQuery插件dataTables添加序号列的方法全部内容，希望文章能够帮你解决jQuery插件dataTables添加序号列的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端