layui 复杂表头数据渲染的坑

layui复杂表头进行数据渲染

先看看官网的案例
https://www.layui.com/demo/table/thead.html
layui 复杂表头数据渲染的坑_第1张图片
layui 复杂表头数据渲染的坑_第2张图片
通过lay-data进行数据绑定

坑1:
如果不进行数据绑定,而是手动拼接的数据是渲染不出来的
通过以下方式转换数据表格,结果数据不出现,实际是有数据的
table.init(‘dataTable’, {
cellMinWidth: 100,//全局定义常规单元格的最小宽度,layui 2.2.1 新增
height: ‘full-200’, //设置高度
limit: 100
});

limit默认应该是9,记得要设置

坑2:
做这种统计的的表格时,需要绑定的数据名字是一样的,导致渲染的数据是最后一条的重复数据
layui 复杂表头数据渲染的坑_第3张图片
解决方案
在循环的绑定的数据上增加序号,我这里仅供参考
layui 复杂表头数据渲染的坑_第4张图片
坑3:
渲染后的表格内容错乱
layui 复杂表头数据渲染的坑_第5张图片

参考这篇博客,修改源代码没起作用,,,不知道可是我修改错了
https://blog.csdn.net/u013025181/article/details/86606413

你可能感兴趣的:(layui)