layui數(shù)據(jù)表格分頁無法正常顯示

應(yīng)該先利用layui table中的parseData方法手動(dòng)將數(shù)據(jù)切片分頁，代碼如下,要點(diǎn)是parseData: function(res){}中的方法，對(duì)從url中g(shù)et到的數(shù)據(jù)進(jìn)行手動(dòng)分頁處理。

layui.use('table', function(){var table = layui.table;table.render({elem: '#test',url:'http://localhost:8099/getScoreRecord',title:'積分操作記錄表',cellMinWidth: 80 //全局定義常規(guī)單元格的最小寬度，layui 2.2.1 新增,cols: [[{field:'sc_re_index', title: '序號(hào)', sort: true},{field:'user_acc', title: '賬戶名'},{field:'operate_value', title: '積分?jǐn)?shù)額', sort: true},{field:'rest_value', title: '剩余積分'},{field:'sc__re_description', title: '備注'} //minWidth：局部定義當(dāng)前單元格的最小寬度，layui 2.2.1 新增,{field:'operate_time', title: '積分操作時(shí)間', minWidth: 100, sort: true}]],page: true,limits: [3,5,10] //一頁選擇顯示3,5或10條數(shù)據(jù),limit: 10 //一頁顯示10條數(shù)據(jù),parseData: function(res){ //將原始數(shù)據(jù)解析成 table 組件所規(guī)定的數(shù)據(jù)，res為從url中g(shù)et到的數(shù)據(jù)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, //解析接口狀態(tài)"msg": res.msg, //解析提示文本"count": res.count, //解析數(shù)據(jù)長度"data": result //解析數(shù)據(jù)列表};}});});

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。