美文网首页layui
layui表格高度自适应

layui表格高度自适应

作者: 这真的是一个帅气的名字 | 来源:发表于2022-10-13 09:37 被阅读0次
    .layui-table-cell{
        overflow:visible;
        text-overflow:inherit;
        white-space:normal;
        height: auto !important;
        word-break: break-all;
    }

done: function (index, layero) {
                    //表头部分
                    //动态监听表头高度变化,冻结行跟着改变高度
                    $(".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());
                    });
                }
image.png
image.png

相关文章

网友评论

    本文标题:layui表格高度自适应

    本文链接:https://www.haomeiwen.com/subject/wjffzrtx.html