done: function (res, curr, count) {//动态监听表头高度变化,冻结行跟着改变高度
$(".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());
});}
感谢原文大佬帮助 收藏一波
————————————————
版权声明:本文为CSDN博主「开心就好O」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_41308610/article/details/108531470
解决layui数据表格table固定列行高不一致的情况
最新推荐文章于 2024-04-09 09:53:07 发布
该博客介绍了一种方法,用于在 layui 框架中动态监听表格的表头和表体高度变化,确保冻结行的高度始终与原始行保持一致。通过绑定 resize 事件和使用 jQuery 选择器,实现了冻结行在内容调整时的自适应高度调整。
摘要由CSDN通过智能技术生成