官網方法實例:
$(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添加序號列的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答