Jquery Datatable自動生成序號

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

"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開始的:jquery

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

補個圖

第一種:
api

第二種:
框架

小結

這是在工做中遇到的問題,記下來下次遇到能夠直接用了。兩種狀況我都試了,都是能夠的。例子原文this

相關文章
相關標籤/搜索