layui问题之渲染数据表格时,仅出现10条数据的解决方法
2019-09-12 08:56
1446 查看
一、问题
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问题之渲染数据表格时,仅出现10条数据的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- layui问题之渲染数据表格时,仅出现10条数据
- Mysql5.5 大量数据插入出现的抖动问题 及 解决方法
- Kettle数据抽取(转换)出现乱码问题解决方法
- mysql 数据同步 出现Slave_IO_Running:No问题的解决方法小结
- 解决SpringMvc限定请求方法POST推送数据出现的中文乱码问题
- JSP MySQL插入数据时出现中文乱码问题的解决方法
- asp读sql数据时出现乱码问题的解决方法
- asp读sql数据时出现乱码问题的解决方法
- jQuery UI Autocomplete 使用 ajax 方法传输Json数据出现乱码问题的解决
- MySQL数据库 查询表数据出现中文乱码 及 插入中文报错Incorrect string value问题解决方法
- asp读sql server数据出现乱码问题解决方法
- 解决方法:ASP读取数据库中的中文数据出现乱码的问题
- sqlite查询日期类型数据时出现问题的解决方法
- Oracle数据使用中出现的几种问题及解决方法
- 在listView中显示json数据出现的问题及解决方法
- 关于easyui datagrid 大量数据加载时 出现假死问题的解决方法
- 当RabbitMQ使用Publish发布消息出现数据格式问题的解决方法
- django中批量导入文本数据出现问题的解决方法
- Win8.1慎用优化,可能导致安装驱动出现数据无效的问题。附解决方法
- C#百万数据查询出现超时问题的解决方法