工作中使用layui快速开发报表。在使用表格时发现,使用多级表头和固定列时,在表格加载过程中,如果切出当前页面,再切回,待表格渲染完成后会导致固定列的高度翻倍,而超出。看加载后的源码发现,是生成的固定列中的th高度翻倍。
解决办法:
在done:中加以下代码,将原始的列高度赋给生成的固定列。
this.elem().next().find(".layui-table-fixed").find('th').css('height',this.elem().next().find(".layui-table-header").find('th').css('height'))
可以根据实际情况使用适当的选择器。反正只要将原始的列高度(".layui-table-header"下的th)赋给生成的固定列(“.layui-table-fixed”下的th)