thymeleaf+dataTables表格排序


操作很簡單,也不需要從數據庫查,也不用改后台代碼,找到相應要改的html頁面,然后執行以下步驟:

1.定義一個table變量,然后將DataTable({}}那一坨賦值給table,如下圖:

 

 2.表頭添加行號,columns添加序號的數據,如下:

 

 

 

 初始data為null就行

3.在定義了table變量下邊那個function方法中加上下邊這個方法:

table.on('draw.dt',
function() {
table.column(0, {
search: 'applied',
order: 'applied'
}).nodes().each(function(cell, i) {
//i 0開始,所以這里先加1
i = i + 1;
//服務器模式下獲取分頁信息,使用 DT 提供的 API 直接獲取分頁信息
var page = table.page.info();
//當前第幾頁,從0開始
var pageno = page.page;
//每頁數據
var length = page.length;
//行號等於 頁數*每頁數據長度+行號
var columnIndex = (i + pageno * length);
cell.innerHTML = columnIndex;
});
}).draw();


4.搞定收工,效果如下:

 


免責聲明!

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



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