Jquery Datatable自動生成序號


公司項目里,使用的是jquerydatatable框架來展示數據的,在使用的時候遇到一個問題,就是要自動生成序號,且在分頁的時候,下一頁的序號緊跟着前一頁的序號,下面是代碼:

"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;
                    });
                },

"aoColumns" : [
                    {"sTitle":"序號", "mDataProp": null,"targets": 0,"sClass": "center", "bSortable": false, "sWidth": "80"}
                        ]

還有一種情況是,每一頁都是從1開始的:

"fnDrawCallback"    : function(){
                    this.api().column(0).nodes().each(function(cell, i) {
                        cell.innerHTML =  i + 1;
                    });
                }

補個圖

第一種:

第二種:

小結

這是在工作中遇到的問題,記下來下次遇到可以直接用了。兩種情況我都試了,都是可以的。例子原文


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM