在保證用dataTable自帶客戶端分頁沒毛病的情況下,做如下修改:
1.配置參數serverSide
serverSize默認為false客戶端分頁,若要后台服務端分頁則設置將其屬性值設為false
2.dataTable js實現
3.后台Controller層
完成后台分頁:
Controller層需要從前台獲取start(本頁起始數)和length(本頁記錄數);
后台返回參數data(分頁查詢結果)、iTotalDisplayRecords(過濾后記錄數)、iTotalRecords(返回總記錄數),dataTable根據這三個參數及參數中的數據完成后台分頁並顯示到前台。
ps:我后台用的是spring-spring boot-mybatis,所以以上代碼是從前台獲取start和length值后,計算page(當前頁),然后使用mybatis自帶分頁進行查詢。
4.分頁工具類
將后台分頁查到的數據放在pageData分頁工具類中,然后將其返回給前台。