layui tree-table四级表头表头合并后文字显示不全

表头合并三行之后,列很宽但是内容却显示不全

原因分析

查看源码发现表头文字处有个div,div的宽度是60px,组件中已经写死了

layui tree-table四级表头表头合并后文字显示不全

解决方法

在done回调方法中让其div的宽度等于上级th的宽度就可以了

$('.layui-table-header').find('th').each(function (index,element) {
    if($(this).attr('data-field')>=0){
        $(this).find('div').css('width',$(this).width());
    }
});