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:
在这里插入图片描述
table.js:
在这里插入图片描述
多层表头,最后一层与它对应的上一层的th 的属性都为colspan=1的时候出现混乱问题的解决办法:
对应的上一层加入colGroup属性,例如: lay-data="{align:‘center’,colGroup:‘1’}"

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值