您现在的位置是：技术博客 > 前端前端 layui使用小技巧 Lucas2021-04-02 20:43【代码】909人已围观 简介layui 是一套开源的 Web UI 解决方案,其内部采用的是自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,... #### 1、解决表体左侧与表体右侧固定栏高度不一致问题 ``` //表头部分 //动态监听表头高度变化，冻结行跟着改变高度 $(".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()); }); ``` 转载：感谢您对Lucas个人博客网站平台的认可，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源Lucas个人博客”。 很赞哦！ ( 0 ) 上一篇：Dplayer播放器 下一篇：Node.js实现聊天室 相关文章 ueditor工具栏浮动bug 有趣的js插件 动态DOM的事件绑定 推荐一个炫酷的背景插件 点击排行 生活不止眼前的苟且，还有诗和远方 十年一觉电影梦 奥地利基茨比厄尔 禅修治愈身心 自律成就自我 零边际成本社会 Modern PHP 鸟哥的Linux私房菜 本栏推荐 要技术，更要有创意 定时任务 Curl无法发送https请求 Lnmp环境搭建 常用的SQL函数 Windows的cmd指令 ueditor工具栏浮动bug 有趣的js插件 标签云 git laravel swoole javascript vue ajax html css sql linux docker flask django nginx apache thinkphp markdown sublime wechat layui photoshop nodejs mysql windows composer java maven springboot mybatis IDE 猜你喜欢 Swoole 基础篇一（初识） PHP进程管理器 正则的快速上手 Sublime代码格式化 Lnmp环境搭建 高并发库存防控超量 Linux之top命令 常用的SQL函数 站点信息 建站时间：2018-05-01 在线人数：1人 文章统计：263篇 总浏览量：222566次 统计数据：百度统计 个人信息：扫描二维码查看
Lucas2021-04-02 20:43【代码】909人已围观
