layui table 静态加载复杂表头,列空白,或混乱问题的解决办法

用的是2.4.X版本,用的时候遇到点问题,静态复杂表头加载列会乱,有时会出现空白的情况,看了源码我加入了自己的理解。源码无法做到表头与列的精确定位,故我就给他加了一个showindex属性,以此来解决问题:lay-data="{field:‘head00’, width:200,fixed: ‘left’,showindex:‘0’}",根据顺序给列数组的定位,这样就不会出现列顺序混乱的状态。当然table.js还是要做相应的修改:在判断表头是否是有数据的列的时候由:
[pre]
if(row.colspan < 2) cols.push(row);
[/pre]

改为:
[pre]
if(row.colspan < 2&&row.field){
if(row.showindex){
cols[row.showindex]=row;
}else{
cols.push(row);
}
}
[/pre]

还是上个图吧,不然有些不知道在哪里:
html:
layui table 静态加载复杂表头,列空白,或混乱问题的解决办法_第1张图片
table.js:
layui table 静态加载复杂表头,列空白,或混乱问题的解决办法_第2张图片
多层表头,最后一层与它对应的上一层的th 的属性都为colspan=1的时候出现混乱问题的解决办法:
对应的上一层加入colGroup属性,例如: lay-data="{align:‘center’,colGroup:‘1’}"

你可能感兴趣的:(layer)