jQuery插件dataTables添加序号列的方法
时间:2021-02-14 11:32:25|栏目:jquery|点击: 次
官网方法实例:
$(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
下一篇:capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
本文标题:jQuery插件dataTables添加序号列的方法
本文地址:http://www.codeinn.net/misctech/63000.html