layui數據表格分頁無法正常顯示

應該先利用layui table中的parseData方法手動將數據切片分頁，代碼如下,要點是parseData: function(res){}中的方法，對從url中get到的數據進行手動分頁處理。

layui.use('table', function(){var table = layui.table;table.render({elem: '#test',url:'http://localhost:8099/getScoreRecord',title:'積分操作記錄表',cellMinWidth: 80 //全局定義常規單元格的最小寬度，layui 2.2.1 新增,cols: [[{field:'sc_re_index', title: '序號', sort: true},{field:'user_acc', title: '賬戶名'},{field:'operate_value', title: '積分數額', sort: true},{field:'rest_value', title: '剩余積分'},{field:'sc__re_description', title: '備注'} //minWidth：局部定義當前單元格的最小寬度，layui 2.2.1 新增,{field:'operate_time', title: '積分操作時間', minWidth: 100, sort: true}]],page: true,limits: [3,5,10] //一頁選擇顯示3,5或10條數據,limit: 10 //一頁顯示10條數據,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.count, //解析數據長度"data": result //解析數據列表};}});});

參考：layui數據表格分頁不生效
注：歡迎大佬小白加群討論|785411657

總結

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

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