解决layui数据表格table固定列行高不一致的情况
生活随笔
收集整理的這篇文章主要介紹了
解决layui数据表格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());});總結
以上是生活随笔為你收集整理的解决layui数据表格table固定列行高不一致的情况的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2021百度职业教育行业洞察
- 下一篇: springboot整合shiro-关于