layui数据表格分页无法正常显示
生活随笔
收集整理的這篇文章主要介紹了
layui数据表格分页无法正常显示
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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数据表格分页无法正常显示的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 上海市出租车预约叫车和投诉电话一览
- 下一篇: 三明治创业者档案12:吴皓的零号线