jQuery插件dataTables添加序號(hào)列的方法
官網(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方法找不到之類的,可能是因?yà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;//獲取到本頁開始的條數(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ì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jQuery Datatables 動(dòng)態(tài)列+跨列合并實(shí)現(xiàn)代碼
- jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能【推薦】
- jQuery+datatables插件實(shí)現(xiàn)ajax加載數(shù)據(jù)與增刪改查功能示例
- jQuery Datatables表頭不對(duì)齊的解決辦法
- jQuery插件DataTables分頁開發(fā)心得體會(huì)
- JQuery.dataTables表格插件添加跳轉(zhuǎn)到指定頁
- jQuery中Datatables增加跳轉(zhuǎn)到指定頁功能
- 利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
- jQuery.datatables.js插件用法及api實(shí)例詳解
- jQuery dataTables與jQuery UI 對(duì)話框dialog的使用教程
- jquery表格datatables實(shí)例解析 直接加載和延遲加載
- jQuery DataTables插件自定義Ajax分頁實(shí)例解析
- jQuery插件datatables使用教程
- jQuery表格插件datatables用法匯總
- jQuery表格插件datatables用法詳解
- jquery+php實(shí)現(xiàn)導(dǎo)出datatables插件數(shù)據(jù)到excel的方法
- jQuery表格插件datatables用法總結(jié)
- Jquery Datatables的使用詳解
相關(guān)文章
jquery中使用$(#form).submit()重寫提交表單無效原因分析及解決
jqeury的validationEngine做ajax校驗(yàn),當(dāng)表單中的最后一個(gè)字段需要做ajax驗(yàn)證,在字段輸入完畢后點(diǎn)擊回車提交表單時(shí)不起作用,接下來為大家介紹下解決方法感興趣的各位可以參考下哈2013-03-03jQuery 3.0 的 setter和getter 模式詳解
這篇文章主要介紹了jQuery 3.0 的 setter和getter 模式詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07基于jQuery的網(wǎng)頁右下角彈出廣告(IE7,firefox)
以前曾寫過一個(gè),不過太麻煩了,呵呵```現(xiàn)在改進(jìn)了一下,其實(shí)很簡(jiǎn)單:css定位層一直在右下角,用js控制層的高度增減。2010-08-08jQuery插件jqGrid動(dòng)態(tài)獲取列和列字段的方法
這篇文章主要介紹了jQuery插件jqGrid動(dòng)態(tài)獲取列和列字段的方法,結(jié)合實(shí)例形式分析了表格插件jqGrid針對(duì)表格字段屬性相關(guān)操作技巧,需要的朋友可以參考下2017-03-03jquery插件jquery.dragscale.js實(shí)現(xiàn)拖拽改變?cè)卮笮〉姆椒?附demo源碼下載)
這篇文章主要介紹了jquery插件jquery.dragscale.js實(shí)現(xiàn)拖拽改變?cè)卮笮〉姆椒?涉及jquery針對(duì)鼠標(biāo)事件的響應(yīng)及頁面元素動(dòng)態(tài)操作的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-02-02jQuery3.0中的buildFragment私有函數(shù)詳解
在 jQuery3.0中,buildFragment 是一個(gè)私有函數(shù),用來構(gòu)建一個(gè)包含子節(jié)點(diǎn) fragment 對(duì)象。下文給大家介紹jQuery3.0中的buildFragment私有函數(shù)詳解,對(duì)jquery3.0 buildfragment相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-08-08jQuery Ajax實(shí)現(xiàn)跨域請(qǐng)求
這篇文章主要為大家詳細(xì)介紹了jQuery Ajax實(shí)現(xiàn)跨域請(qǐng)求的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01jQuery循環(huán)動(dòng)畫與獲取組件尺寸的方法
這篇文章主要介紹了jQuery循環(huán)動(dòng)畫與獲取組件尺寸的方法,實(shí)例分析了animate用法及組件的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02