官網(wǎng)方法實(shí)例:
$(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();});
試了一下,然后發(fā)現(xiàn)會(huì)報(bào)draw方法找不到之類(lèi)的,可能是因?yàn)榘姹締?wèn)題,用的是1.12.10版本的。
所以又發(fā)現(xiàn)有熱心網(wǎng)友分享一下方法,是可以的。
定義{"data": null,"targets": 0},一個(gè)空列,然后在dataTables中添加方法:
"fnDrawCallback": function(){ var api = this.api(); var startIndex= api.context[0]._iDisplayStart;//獲取到本頁(yè)開(kāi)始的條數(shù) api.column(0).nodes().each(function(cell, i) { cell.innerHTML = startIndex + i + 1; }); }
網(wǎng)址鏈接:http://datatables.club/example/api/counter_columns.html
以上所述是小編給大家介紹的jQuery插件dataTables添加序號(hào)列的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
|
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注