修复layui table表格左右固定列错位问题

20210701151803

解决办法:

, done: function (res, curr, count) {
    currpage = curr;
    $(".layui-table-main  tr").each(function (index, val) {
        $($(".layui-table-fixed .layui-table-body tbody tr")[index]).height($(val).height());
    });
    
    $("[data-field='lowerHairPath']").css('display', 'none');
    $(".layui-table-main tr").each(function (index, val) {
        $($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
        $($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
    });
    //动态监听表头高度变化,冻结行跟着改变高度
    $(".layui-table-header tr").resize(function () {
        $(".layui-table-header tr").each(function (index, val) {
            $($(".layui-table-fixed .layui-table-header table tr")[index]).height($(val).height());
        });
    });
    //初始化高度,使得冻结行表头高度一致
    $(".layui-table-header tr").each(function (index, val) {
        $($(".layui-table-fixed .layui-table-header table tr")[index]).height($(val).height());
    });
    //动态监听表体高度变化,冻结行跟着改变高度
    $(".layui-table-body tr").resize(function () {
        $(".layui-table-body tr").each(function (index, val) {
            $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
        });
    });
    //初始化高度,使得冻结行表体高度一致
    $(".layui-table-body tr").each(function (index, val) {
        $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
    });

}
# 前端   layui  

评论

企鹅群:39438021

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×