Flex嵌套导致layui.table闪烁，是因为多层flex布局使.layui-table-box的offsetWidth在渲染瞬间读为0或异常值，表格按错误尺寸渲染后被强制重排；须禁用父级flex、显式约束容器宽度，并在tabShow回调中延迟调用table.resize。
为什么 Flex 嵌套会让 layui.table 闪烁
layui 表格内部依赖真实 dom 尺寸计算列宽，而多层 display: flex 嵌套（尤其是父容器未设固定宽高、或中间某层用了 flex: 1）会导致 .layui-table-box 的 offsetwidth 在渲染瞬间读为 0 或异常值。表格先按错误尺寸渲染，再被浏览器强制重排，视觉上就是“闪一下”。这不是 layui bug，是 flex 布局的固有测量时序问题。
必须禁用父级 flex 并显式约束容器宽度
别指望靠 table.resize() 补救——它只能修“已显示后”的尺寸，救不了“首次渲染时就读错”的根因。关键动作在初始化前：
- 检查并移除所有包裹
table.render()容器的父元素上的display: flex、display: grid - 确保
.layui-table-box的直接父级有明确宽度：比如width: 1200px、max-width: 100%（但上层必须有定宽），或min-width: 800px - 给
.layui-table-box自身加style="width: 100%; table-layout: fixed;"，避免内容撑开导致列宽抖动 - 在开发者工具里验证：
$('.layui-table-box')[0].offsetWidth渲染前就应 > 0；若为 0，说明父级约束失效
动态 Tab 或隐藏面板中渲染时的补救措施
即使父级布局合规，若表格初始处于 display: none 的 Tab 面板或折叠区域，依然会闪。此时必须切断“隐藏时计算”这个环节：
- 初始化表格时显式设
autoResize: false，彻底关闭自动重算 - 只在
element.on('tabShow(filter)', callback)中调用table.resize('id')，且加setTimeout(..., 16)确保 DOM 已重排可见 - 为 Tab 面板容器加
min-width: 800px和overflow-anchor: none，减少滚动条触发重排 - 避免在
done回调里操作$(elem).html()或批量addClass，改用templet和table.on('tool()')
IE11 下还要额外加固 table-layout
IE11 对 flex + table 混合布局更敏感，table-layout: auto 会加剧列宽跳变。必须双保险：
- 在
table.render()的done回调里手动设置：layui.$('.layui-table').css('table-layout', 'fixed') - 每列都配置
minWidth（哪怕只是120），不依赖width参数 - 全局加兜底样式：
.layui-table { table-layout: fixed !important; }，防止被外层 flex 容器覆盖 - 禁用
skin: 'default'（它启用 flex 布局），改用skin: 'line'或skin: 'row'
真正顽固的闪烁，几乎都是“父容器 flex 嵌套 + 隐藏状态渲染 + IE11”三者叠加的结果。拆解时优先查 .layui-table-box 的 offsetWidth 是否稳定，再看是否在 display: none 里调了 render()，最后才轮到 IE 兼容性补丁——顺序错了，修半天也白搭。
