Layui如何使得table的固定列的高度于非固定列的高度一致

在加载table的done回调函数中,使用以下代码:

//动态监听表头高度变化,冻结行跟着改变高度
$(".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());
});
发布了27 篇原创文章 · 获赞 7 · 访问量 3526

猜你喜欢

转载自blog.csdn.net/qq_33966519/article/details/103618614
今日推荐