Layui表格height支持number、string（如"full-100"）、function三类值；必须调用table.resize()响应窗口变化；内容换行需结合CSS清除默认限制与done回调动态设行高；maxHeight可防数据过多失控，且与height共存。
height 配置支持三种写法，别硬写像素值
layui 表格的 height 不是只能填数字，填错就卡死高度或滚动失效。它实际支持三类值：number（如 400）、string（如 "full-100"）、function（返回数值）。固定像素适合弹窗内小表格，但绝大多数页面场景下，它会和筛选栏、工具栏打架，一调窗口就溢出或留白。
-
"full-100"是最省心的起步方案：表示“可视区域高度减去 100px”，适合顶部有固定导航+搜索栏的常规布局 - 如果顶部有多个动态高度区块（比如折叠面板、多行筛选项），必须用函数式写法，否则计算不准
- 函数里别直接写
$(window).height() - 120这种“魔法数字”，要真去取$('#search-bar').outerHeight()等真实 DOM 高度，否则换主题或加 margin 就崩
table.resize() 不是可选项，是必调方法
光设了 height: function(){...} 不够。Layui 不会自动监听 window.resize 并重算——你得自己绑事件、手动触发 table.resize()。漏掉这步，用户拖拽浏览器边框后，表格要么撑破容器，要么留大片空白。
- 必须先保存渲染实例：
var tableIns = table.render({...}) - 再绑定：
$(window).on('resize', function(){ tableIns.resize() }) - 注意：2.9.1+ 版本才支持对函数式
height的完整响应；旧版需在resize回调里手动reload并传新height值 - 如果表格在 iframe 或 layui-layer 弹窗里，监听对象得换成父级
$(parent.window)，否则 resize 根本不触发
内容撑高行高？别只改 CSS，得动单元格渲染逻辑
想让文字多的单元格自动换行、整行变高？光加 .layui-table-cell{ height: auto; white-space: normal } 不够。Layui 渲染时会给 td 强制设 line-height 和 overflow: hidden，CSS 覆盖不彻底。
- 必须同时清除默认限制：
.layui-table td{ padding: 8px 12px; vertical-align: top; } - 如果用了固定列（
fixed: "left"），6 个内部table结构会不同步——得用选择器分别处理：$('.layui-table-main tr').css(...)、$('.layui-table-fixed-l .layui-table tr').css(...) - 更稳妥的做法是在
done回调里遍历每行，用$(tr).find('td').outerHeight()找最大内容高度，再统一设$(tr).height(maxH)，避免 CSS 计算误差
maxHeight 比 height 更适合防失控，尤其配合分页关闭时
当设置 page: false + limit: Number.MAX_VALUE 取消分页，数据一多表格直接把页面顶飞。这时候 height 再智能也救不了——它只管“给多高”，不管“超了怎么办”。maxHeight 才是兜底关键。
-
maxHeight: 500会让表格容器出现滚动条，但表头固定、内容可滚，体验比全屏拉长好得多 - 它和
height可共存：height: "full-150"定初始高度，maxHeight: 600防极端数据量 - 注意：2.8+ 才支持
maxHeight，低版本只能靠外层容器加overflow: auto+ 固定height，但表头会跟着滚走
真正麻烦的从来不是怎么写那一行 height，而是你得同步考虑：窗口 resize 怎么响应、固定列怎么对齐、内容换行后垂直居中怎么调、还有弹窗 iframe 里的坐标体系……这些地方没对齐，自适应就变成自作孽。
