首先要了解layui分頁和 一般的后臺分頁不一樣。
至少：我用的layui是基于前臺分頁的。

后臺分頁，都是根據前臺傳遞了pageNum和limit這些分頁參送給后臺，后臺根據參數進行了分頁查詢返回給前臺。

但是layui不是這種。或者是我沒找到那種方式，所以在百度上一通亂搜，始終不知道他是怎么傳pageNum和limit過去的。

搜索到了一個parseData方法，說是在這里進行分頁。
然后我試試了試，果然可以。

table.render({elem: "#users",url: baseServer+'user/list',skin: 'line',page: { //支持傳入 laypage 組件的所有參數（某些參數除外，如：jump/elem） - 詳見文檔layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定義分頁布局//,curr: 5 //設定初始在第 5 頁,limit:10 //一頁顯示多少條,limits:[5,10]//每頁條數的選擇項,groups: 2 //只顯示 2 個連續頁碼,first: "首頁" //不顯示首頁,last: "尾頁" //不顯示尾頁},parseData: function(res){ //將原始數據解析成 table 組件所規定的數據，res為從url中get到的數據var result;console.log(this);console.log(JSON.stringify(res));if(this.page.curr){result = res.data.slice(this.limit*(this.page.curr-1),this.limit*this.page.curr);}else{result=res.data.slice(0,this.limit);}return {"code": res.code, //解析接口狀態"msg": res.msg, //解析提示文本"count": res.total, //解析數據長度"data": result //解析數據列表};},cols: [[{type:"checkbox"},{field: "id", title: "人員編號", minWidth:"100", sort: true},{field: "uname", title: "用戶名", minWidth:"100", sort: true},{field: "pwd", title: "密碼",edit: "text", minWidth:"100"},{field: "rank", title: "權限", minWidth:"100",templet:"#rankTpl", sort: true},{field: "status", title: "狀態", minWidth:"100",templet: '#statusTpl', sort: true},{field: 'right', title: '操作', toolbar: '#tool'}]],done: function (res, curr, count) {table = res.data;// $('.layui-laypage-count').text("共"+res.data.length+" 條");}});

java后臺：

@RequestMapping("/user/list")@ResponseBodypublic Map<String,Object> userList(HttpSession session) {Map<String, Object> result = new HashMap<String, Object>();List<User> users = userServers.findUserAll();result.put("code", 0);result.put("msg", "測試");result.put("total", users.size());result.put("data", users.toArray());return result;}

就這樣就可以分頁了。分頁是layui前端自己分頁的，用的就是parseData函數。

哎，找了很久，按以前的邏輯，都是前臺出發點擊下一頁按鈕，然后提交對應的頁碼過去，然后后臺根據頁碼返回數據。結果layui是給前臺假分頁。

如果哪位大哥有真正 的后臺分頁的layui的文章連接，希望給我貼一下。最好是基于java后臺的。

總結

以上是生活随笔為你收集整理的layui数据表格分页简单实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。