jQuery插件dataTables添加序号列的方法
官网方法实例:
$(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添加序号列的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!
移动端 一个简单易懂的弹出框
先给大家展示下效果图,如果大家感觉还不错,请继续参考实现代码。关键代码如下所示:functiontishi(content,url){varhtml='divclass="xiaoxinone"id="msg"style="z-index:
jQuery基于ID调用指定iframe页面内的方法
本文实例讲述了jQuery基于ID调用指定iframe页面内的方法。分享给大家供大家参考,具体如下:$(window.parent.document).contents().find("#iframeID")[0].contentWindow.initPa
jQuery深拷贝Json对象简单示例
本文实例讲述了jQuery深拷贝Json对象的简单实现方法。分享给大家供大家参考,具体如下:varoldJson={Name:'quber',List:[1,2,3,4],Obj:[{name:'qubernet',fun:function(){retur
标签:方法,给大家,实例,简单,会报