layui表格height设为"auto"无效，因其仅支持数字或"500px"等固定值；自适应需用JS动态计算容器高度并reload表格。
layui表格height设为auto为什么没用
因为 layui.table 的 height 参数不支持字符串 "auto" —— 它只接受数字（像素值）或字符串形式的固定高度（如 "500"、"500px"），传 "auto" 会被忽略，回退到默认高度（通常约 300px）。
常见错误现象：表格内容少时留白多，内容多时直接截断、滚动条出不来，或者调用 table.resize() 后高度没变化。
- 必须用数值控制高度，想“自适应”得靠外部容器 + JS 动态计算
-
height: 'full-100'是可行的特殊字符串，表示“容器高度减去 100px”，但依赖父容器有明确高度 - 如果父容器是
position: static且无显式 height，full-系列值也会失效
用resize()刷新表格高度但没反应
table.resize() 本身不改变 height 配置，它只是重绘表格、同步列宽和滚动状态；如果原始 height 是固定值，resize 不会重新计算高度。
真正起作用的是：先改 table.config.height，再调 table.resize()，或者更稳妥地——销毁后重建表格。
- 推荐做法：缓存原始配置，修改
height后调用table.reload()，传入新height - 避免直接改
table.config，容易和内部状态不同步 - 如果表格启用了
page: true，reload()会重载数据，注意是否要保留当前页码（加where: { page: curr }）
让表格撑满父容器并随窗口 resize 自动调整
核心思路不是靠 layui 自身，而是监听窗口尺寸变化，动态算出可用高度，再 reload 表格。
关键点在于：父容器要有可测量的高度（比如设了 height: 100vh 或绝对定位），否则 JavaScript 拿不到有效 clientHeight。
- 给表格外层容器加 ID，例如
<div id="table-container"></div>，并确保它有明确高度（CSS 中设height: calc(100vh - 120px)类似） - 用
$(window).on('resize', ...)节流后计算容器高度，减去表头、分页栏等固定占用（比如 50px 表头 + 60px 分页 = 110px） - reload 时传
height: containerHeight - 110，别忘了取整（避免小数导致渲染异常）
示例片段：
let $container = $('#table-container');
function resizeTable() {
let h = $container.outerHeight() - 110;
table.reload('demo', { height: Math.max(100, h) });
}
$(window).on('resize', layui.layuiUtil.throttle(resizeTable, 200));
resizeTable(); // 初始化执行一次移动端或折叠侧边栏时高度错乱
问题本质是 DOM 尺寸计算时机不对：侧边栏动画未结束、DOM 还没重排，就立刻读取 outerHeight()，拿到的是旧值。
尤其在使用 admin 主题 或 layUI 侧边菜单折叠 时，resize 事件可能比 DOM 更新早 1–2 帧。
- 不要只依赖
resize，对 sidebar 折叠/展开操作也单独触发resizeTable() - 必要时加
setTimeout(..., 16)或用getComputedStyle确保样式已应用 - 避免在
table.init之前就调resize()，此时实例还没生成，会报Cannot read property 'resize' of undefined
最易被忽略的一点：表格容器的 padding 和 border 会影响 outerHeight() 计算结果，但往往被当成“固定偏移”硬编码进减法里 —— 实际应统一用 getBoundingClientRect() 或 outerHeight(true) 包含 margin。
