直接禁用flex布局、关闭fixed列、显式设置每列minWidth是解决IE10/IE11下Layui表格错位最有效三板斧；根本原因是Layui 2.x默认启用display:flex，而IE10/11对flex子项宽度计算支持不完整，导致thead与tbody列宽测量脱节。
直接禁用 flex 布局、关闭 fixed 列、显式设置每列 minwidth，是解决 ie10/ie11 下 layui 表格错位最有效且可立即落地的三板斧。ie8 还需额外补 polyfill 和 css hack。
为什么默认 table.render() 在 IE 中表头和内容列宽总对不齐
根本原因是 Layui 2.x 默认启用 display: flex 渲染表格容器，而 IE10/11 对 flex 的子项宽度计算、嵌套伸缩行为支持不完整，尤其在动态列宽或含图标/长文本时，thead 和 tbody 的列宽测量逻辑彻底脱节。
- 别信
width参数单独生效——它只是“建议值”，Layui 在 flex 模式下会忽略未设minWidth的列，导致剩余列均分空间，必然错位 - 必须同时设置
width和minWidth（如{field:'name', width:120, minWidth:120}），才能让 Layui 强制钉死该列最小渲染宽度 - 表格容器父级若含
transform或overflow: hidden，会干扰 Layui 内部的getBoundingClientRect()测量，IE 下更易失败
如何让固定列（fixed: 'left'）在 IE10/IE11 中不消失或滚动错乱
IE 完全不支持 position: sticky，且 flex 容器中 position: absolute 子元素的行为不可靠，原生 fixed 列在 IE 下本质不可用。
- 必须放弃配置项
fixed: 'left'，改用「伪固定」：把要固定的列抽成独立<table>，用position: absolute; top: 0; left: 0;定位 - 监听主表格容器的
scroll事件，同步设置左侧表格的scrollTop和scrollLeft - IE 下禁止用
getBoundingClientRect()计算位置——改用offsetTop/offsetLeft加上parentElement.scrollTop手动推算
IE8 下连基础渲染都失败？先补运行时再压样式
IE8 不支持 ES5 的 Array.forEach、Object.keys 等，也不识别 rgba()、box-sizing 和媒体查询，Layui 初始化阶段就会抛错或跳过样式注入。
- 必须在
<head>中前置引入：<script src="https://cdn.jsdelivr.net/npm/es5-shim@4.5.14/es5-shim.min.js"></script>和<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script> - CSS 中所有
rgba()颜色必须提供 IE8 兼容 fallback，例如：background-color: rgb(30,159,255)\9; - 禁用所有
:nth-child类选择器，给关键元素加明确 class，如.layui-table-th-first
最易被忽略的是缓存问题：IE 对 CSS 文件强缓存，哪怕你改了 layui.css 或加了 patch，也得清空浏览器缓存或强制加版本号；另外，table.reload() 后必须手动调用 table.resize('id')，否则 IE 下重绘不触发列宽重同步。
