根本原因是tab面板隐藏时容器offsetwidth为0，导致layui表格初始化或resize()获取错误尺寸；须确保表格在可见且可测量状态下重算宽度，仅调js不改css必失败。
直接原因是tab面板隐藏时容器offsetwidth为0，layui表格初始化或resize()读到错误尺寸，兜底设成100px；必须让表格在可见且可测量状态下重算宽度，光调js不改css一定失败。
tabChange事件里调table.resize()为什么经常没用
因为element.on('tab(filter)', ...)触发时，新Tab面板刚加layui-show类，但浏览器还没完成重排（reflow），此时offsetWidth仍为0或NaN：
- 别在事件回调里直接调
table.resize('id')，要加延迟：用setTimeout(() => table.resize('id'), 10)或requestAnimationFrame(() => table.resize('id')) - 确保
table.get('id')返回非null，否则说明表格实例根本没创建成功（比如ID写错、render没执行完） - 如果用了
height: 400这类固定高度，resize()只调列宽不调高，但高度异常会反向挤压列宽——建议改用height: 'full-50'
表格容器CSS必须满足的两个硬性条件
就算JS重绘10次，容器本身不“给空间”，表格照样缩成一条线：
-
.layui-tab-item里的表格父容器（比如<div id="table-container">）必须显式设<code>width: 100%，不能靠flex子项撑开或内容自适应 - 该容器不能是
display: flex且没设flex-basis，否则隐藏再显示时flex项尺寸归零；也别写min-width: 0或overflow: hidden，它们会截断表头换行，间接导致Layui误判列宽 - 先调
table.resize('id')，再立刻触发滚动事件：$('#id').closest('.layui-table-box').trigger('scroll') - 如果表格嵌在折叠面板或弹窗里，得确认外层容器也完成了重排（比如调过
element.init()） - 别用
visibility: hidden或opacity: 0代替display: none来隐藏Tab——Layui必须检测到display: block才能取到真实尺寸
带fixed: 'left'的表格切Tab后固定列飘移
固定列依赖.layui-table-box的scrollWidth计算定位，而隐藏态下这个值是0，切回来后坐标没更新：
最常漏掉的是容器CSS那条——很多人翻遍JS文档调试resize()参数，却忘了.layui-tab-item里的div连width: 100%都没写。
