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数据表格分页无法正常显示相关推荐

LayUI数据表格复选框显示不居中问题
LayUI数据表格复选框显示不居中问题样式(layui.css)文件中增加: .layui-table-cell .layui-form-checkbox[lay-skin="primar ...
Layui数据表格分页通过两种方法实现
SSM框架+Layui框架实现数据表格分页效果图如下所示: 具体实现方法: 方法一:(基于前台进行分页) 实现思路:主要是后台将全部数据返回到前台,之后前台通过Layui的parseData函数来实现 ...
layui数据表格分页导出全部页面的数据到Excel表格中
在使用layui数据表格进行分页显示时,可能需要导出数据到Excel表,可是直接使用table.exportFile却会导出的是已经渲染到表中的数据,这时就会发现问题,导出的数据只是分页表格数据中的一 ...
layui数据表格某个字段不显示问题
表格是用layui数据表格的方法渲染方式渲染的大概这个样子 var table = layui.table;//执行渲染 table.render({elem: '#demo' //指定原始表格元素 ...
layui 数据表格+分页
废话不多说了,以下是本少爷用过的layui 的实例经验,看代码: layui使用经验: 1.HTML 搜索输入框 <form class="layui-form">&l ...
layui 数据表格分页搜索 checkbox 缓存选中项数据
在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后, ...
layui 数据表格+分页+搜索+checkbox+缓存选中项数据
在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后, ...
java实现layui静态表格分页,layui——数据表格分页实例
layui实现数据表格table分页功能,异步加载,表格渲染.总体流程:layui的数据表格设置分页参数开启可以从请求中看到如下图,所以我们需要在后端控制器接收分页数据page和limit进行操作,下 ...
layui数据表格分页简单实现
首先要了解layui分页和一般的后台分页不一样. 至少:我用的layui是基于前台分页的. 后台分页,都是根据前台传递了pageNum和limit这些分页参送给后台,后台根据参数进行了分页查询返回给 ...

layui数据表格分页无法正常显示

layui数据表格分页无法正常显示

layui数据表格分页无法正常显示相关推荐

最新文章

热门文章