Tab切换后表头错位的本质是DOM不可见导致宽度计算失效，须在afterChange中调用table.resize()并确保容器可见，同时每列显式设置minWidth以保障固定列对齐。
Tab切换后表头错位，本质是DOM不可见导致宽度计算失效
表格渲染时依赖真实 dom 尺寸做列宽测量，而 layui tab 默认用 display: none 隐藏未激活面板——此时 offsetwidth、getboundingclientrect() 全部返回 0，table 组件根本拿不到有效尺寸，后续所有列宽同步（包括固定列、补丁列、thead/tbody 对齐）都会崩。
这不是 bug，是浏览器渲染机制决定的：不可见元素无法参与布局计算。所以不能等它“自动恢复”，必须手动触发重绘。
必须在 afterChange 里调用 table.resize()，不是 reload()
reload() 会重新请求数据、重走整个 render 流程，但若表格容器仍处于 display: none 状态，新渲染照样失败；而 resize() 只做宽度重算和 DOM 重排，前提是容器已可见。
- 确保 Tab 切换完成、目标面板已加上
layui-show类后再调用 - 只对当前激活面板内的表格操作，避免误触其他 tab 的 table 实例
- 如果表格用了
fixed: 'left'或fixed: 'right'，resize()是唯一能同步固定列位置的方法 - 不要在
beforeChange里调，那时旧面板还没隐藏、新面板还没显示，时机错误
固定列 + Tab 场景下，minWidth 比 width 更关键
很多开发者设了 width: 120 却发现固定列还是偏移，是因为 Layui 在不可见状态下忽略 width，仅靠 minWidth 锚定最小容许宽度。没有 minWidth，列宽会被压缩归零或被内容撑爆。
- 每列都显式声明
minWidth，哪怕只是minWidth: 80 -
minWidth和width同时存在时，minWidth优先级更高 - 固定列（
fixed: 'left'）尤其要设，否则左侧补丁列宽度失准，直接拖垮整体对齐 - 内容过长列（如 JSON 字段）配合
templet截断，但minWidth保持不变，防止列宽塌缩
别让父容器破坏宽度测量链
即使 resize() 调用了，如果外层结构不合规，依然对不齐。常见断点：
-
.layui-table-box的父级没设明确宽度（比如只写width: 100%但上层是display: flex或position: absolute） - 对
.layui-table-box或其直接父级设置了display: flex或display: grid—— Layui 2.9+ 明确禁用这两种布局 - F12 查看
.layui-table-box的offsetWidth是否为0，是则说明宽度链已断 - 滚动条存在时，确认是否启用了补丁列机制；若手动删了
.layui-table-patch，需同步调整thead th宽度逻辑
resize() 就万事大吉，其实它只在容器可见且尺寸可测的前提下才真正生效。 
