直接原因是Tab隐藏时Layui无法读取容器宽度，将offsetWidth误判为0或极小值而兜底设为100px；须在tab激活后用element.on监听并setTimeout延迟调用table.resize，同时确保容器有width:100%等明确宽度且不设flex或min-width:0。
Tab切换后layui.table宽度塌缩到100px的直接原因
这不是表格本身bug，而是layui在tab内容隐藏时（display: none）无法正确读取容器宽度，导致table.init阶段计算出错——它把不可见容器的offsetwidth当成了0或极小值，后续强行设成100px作为兜底。
Tab激活后手动重绘表格的实操步骤
必须等Tab面板完全显示、DOM可测量后再调用重绘。不能靠setTimeout猜时机，要用Layui的Tab事件钩子：
-
element.on('tab(tab-filter)', function(data){...})里触发重绘，但注意：该事件在面板切换「开始时」就触发，此时新面板可能还没渲染完成 - 稳妥做法是加一层
nextTick式延迟：setTimeout(function(){ table.resize('your-table-id'); }, 10) - 如果用了
table.render({elem: '#id', width: 'auto'})，记得删掉width: 'auto'——它会干扰resize逻辑，让表格死锁在窄宽
表格容器CSS必须满足的两个硬性条件
哪怕JS重绘了，容器本身不“给空间”，表格照样挤成一条线：
- Tab页签对应的
.layui-tab-item内部，表格父容器（比如<div id="table-container">）不能是<code>display: flex且没设flex-basis，否则隐藏再显示时flex项尺寸归零 - 该容器必须有明确宽度来源：要么设
width: 100%，要么父级有固定宽度，不能全靠内容撑开 - 避免对表格容器写
min-width: 0或overflow: hidden——它们会截断表头自动换行，间接触发Layui误判列宽 - 传入的ID必须和
render时的elem选择器完全一致，比如table.render({elem: '#userTable'})，那就要table.resize('userTable')，不能带# - 确保调用时表格实例已存在：
table.get('userTable')返回非null，否则说明render失败或ID不匹配 - 如果表格启用了
height且设为数字（如height: 400），resize()只调列宽，不调高；但高度异常也会影响宽度计算，建议改用height: 'full-50'这类相对值
为什么table.resize()有时无效？检查这三点
这个API不是万能的，失效往往卡在前置条件上：
layui-tab-item里的div连width: 100%都没写。
