Layui 渲染table 复杂头部固定,高度显示不一致

在做项目时,表格想显示呈现这种效果:左侧需要固定住,后面滚动但实际呈现的效果如下:

代码如下:

整体前面固定的高度比没有固定的高度多出好多,看的变扭,还不美观,在网上翻了半天都没有找到办法,后来发现是因为rowspan导致colspan的高度和他的子级高度都是78px

把style的高度去掉,样式会恢复到默认样式的高度,后来用了很多方法都不太能去掉,只能用笨方法,去除高度。

解决办法:

 , done: function (res, curr, count) {
     //解决复杂表头fixed固定,而导致的th高度不一致,一定要查找相应的头部去除高度
    var box = $('.layui-table-box').find('.layui-table-fixed').find('.layui-table-header');
    box.find('table thead tr th.layui-table-col-special').removeAttr('style','');
    box.find('table thead tr').find('th[data-field="QYMC"],th[data-field="XMMC"]').removeAttr('style','');
    form.render();
  }

 如果有更好的方法请留言,有问题也请留言。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值