Tab切换后表头宽度为0，本质是Layui初始化时容器不可见导致列宽未计算；须在element.on('tab(filter)')中调用table.resize()并触发scroll事件，且每列必须设minWidth。
表格表头（thead）在 tab 切换后宽度为 0，本质是 layui 表格初始化时容器不可见，clientwidth 读到 0，导致 setcolswidth 计算列宽失败——不是样式丢失，而是列宽压根没算出来。
tabChange 后必须调用 table.resize()，且时机要对
Tab 切换完成、面板已添加 layui-show 类并重绘完毕，才是安全调用 table.resize() 的时机。用 beforeChange 或直接写在 tab 渲染后立刻执行，都会失败。
- ✅ 正确做法：监听
element.on('tab(filter)', ...)，它在 DOM 已显示、CSS 重排完成后触发 - ❌ 错误做法：在
tabs.on('beforeChange')里调用，此时面板仍是display: none - ⚠️ 注意：如果表格是动态渲染（比如 Ajax 加载完再
table.render()），要确保render()完成后再绑定 tab 监听，否则找不到实例
固定列（fixed: 'left' 或 'right'）需额外触发 scroll 事件
固定列表头依赖 .layui-table-box 的 scrollWidth 和定位偏移，而隐藏状态下该值为 0；仅 resize() 不足以刷新其坐标。
- 调用
table.resize('yourTableId')后，立即执行：$('#yourTableId').closest('.layui-table-box').trigger('scroll') - 若表格容器本身是 flex 子项或百分比宽，先确认父级已具备明确
width，否则scrollWidth仍会取错 - 避免在
setTimeout(..., 0)里重复触发 —— 多次scroll可能导致固定列抖动
列配置必须设 minWidth，不能只靠 width
width 在 Layui 里只是“建议值”，不参与最小容错计算；当容器宽度异常（如初始为 0）时，未设 minWidth 的列会被压缩归零，表头直接塌陷。
- 每列都应显式设置
minWidth，例如：{ field: 'name', title: '姓名', minWidth: 120 } - 固定列必须同时设
width和minWidth，否则fixed容器无法正确锚定 - 禁用
cellMinWidth全局配置（默认 60），它会干扰单列minWidth的优先级
最易被忽略的是：表格容器父级如果有 transform、opacity: 0 或 visibility: hidden，也会让 Layui 读不到真实尺寸——哪怕元素没加 display: none，照样算出 0 宽度。
