layui问题之渲染数据表格时,仅出现10条数据
2018-01-05 15:40
691 查看
一、问题
ajax获取服务端数据之后,要动态渲染table,但数据仅仅数显了10条,并没有渲染所有的数据。
二、经过
看一下表格需要的数据,0-9条的数据都自动有一个名为LAY_TABLE_INDEX的键值对,但10条及之后的数据都没有这个键值对。 很是纳闷,这个表格不带分页功能,应该不需要写limit对数据进行限制
table.render({ elem: '#orderTable' ,height: 400 ,cols: [[ //标题栏 {field: 'status', title: "订单状态", width: 90} ,{field: 'orderSerialNumber', title: "订单编号", minWidth: 150} ,{field: 'logisticsSerialNumber', title: "物流串号", minWidth: 150} ,{field: 'curPos', title: "当前位置", minWidth: 150} ,{field: 'monitoringState', title: "监控状况", width: 140} ,{field: 'lastUpdated', title: "更新时间", width: 145, sort: true} ,{field: 'operating', title: "操作", minWidth: 220} ]] ,data: handleData ,even: true });
三、结果
看到官网上写:limit 参数(默认:10)是与你服务端限定的数据条数一致。就把limit加上去了,并且和服务端数据条数一致。
table.render({ elem: '#orderTable' ,height: 400 ,cols: [[ //标题栏 {field: 'status', title: "订单状态", width: 90} ,{field: 'orderSerialNumber', title: "订单编号", minWidth: 150} ,{field: 'logisticsSerialNumber', title: "物流串号", minWidth: 150} ,{field: 'curPos', title: "当前位置", minWidth: 150} ,{field: 'monitoringState', title: "监控状况", width: 140} ,{field: 'lastUpdated', title: "更新时间", width: 145, sort: true} ,{field: 'operating', title: "操作", minWidth: 220} ]] ,data: handleData ,even: true ,limit: limit //显示的数量 });
注:handleData是渲染表格时,表格需要的数据
相关文章推荐
- LayUI数据表格复选框不居中显示问题
- 用Jquery实现表格呈现数据出现的小问题(给表格添加边框颜色失败)
- layui框架table 数据表格的方法级渲染
- vue数据渲染出现闪烁问题及v-cloak没生效
- 详解vue数据渲染出现闪烁问题
- layui框架table 数据表格的方法级渲染详解
- 使用layui 渲染table数据表格的实例代码
- layui 数据表格的重载问题
- layui分页数据表格渲染
- vue数据渲染出现闪烁问题及v-cloak没生效
- layui表格数据格式错误问题
- 关于layui2.2.x版本使用table表格,刷新后table数据消失的问题
- Java 简单解决springmvc获取properties文件里面中文内容出现论码问题(我遇到的问题是数据提交检验时返回的错误提示出现乱码)
- 添加时间数据时 出现多一天或者少一天的问题 解决方案
- 【分享】mysql中有时出现数据太长,插入不了数据的问题
- POI读取excel表格,首列出现跨行表格时,读取表格数据不全解决办法
- EDM数据营销出现问题怎么办
- Oracle插入数据时出现ORA-01950:对象空间‘XXX’无权限问题
- layui数据表格
- ListView优化机制及滑动时数据时出现的数据错乱重复问题