Chrome 49及更早版本因flex布局兼容性缺陷导致Layui表格列宽错乱，根本解法是禁用flex、启用table-layout:fixed并显式设置px宽度。
Chrome 49 以下表格列宽错乱的根源
Layui 的 layui.table 在 Chrome 49 及更早版本（尤其是 41–48）中，会因 CSS flex 布局兼容性缺陷导致列宽计算失准，表现为表头与内容列明显错位、滚动时列偏移、固定列错位。这不是 Layui bug，而是 Chromium 旧版对 flex-basis 和 min-width 组合解析异常所致。
关键点在于：Layui 表格默认用 display: flex 渲染表头行（.layui-table-header），而旧 Chrome 对 flex: 1 + min-width: 0 的处理不一致，导致列宽被强制压缩或撑开。
强制禁用 flex 布局，回退到 table-layout 最直接有效的解法是绕过 flex，让表头和内容都走原生表格渲染逻辑：
在初始化表格前插入这段样式（必须在 layui.css 后、table.render 前生效）：
/* 针对低版本 Chrome 回退 table-layout */
@supports not (display: flex) {
.layui-table thead tr,
.layui-table tbody tr {
display: table-row;
}
.layui-table thead th,
.layui-table tbody td {
display: table-cell;
}
.layui-table thead,
.layui-table tbody {
display: table;
}
.layui-table {
table-layout: fixed;
}
}说明：
- 不用
@supports (display: flex)判断，而是用否定写法，确保仅在不支持 flex 的浏览器中启用回退 -
table-layout: fixed是关键，它让列宽由第一行（表头）决定，避免内容撑宽破坏对齐 - 不要用
!important覆盖 layui 内联样式——旧 Chrome 对 !important 解析也不稳定
width 参数必须显式设置，且避免百分比
Layui 表格列定义中若省略 width 或用 "50%"，旧 Chrome 会忽略并按内容自动缩放，加剧错位。
正确做法：
- 所有列必须设
width，单位用px（如width: 120） - 总宽度建议留 2–4px 余量（比如容器宽 800px，列宽总和设为 796px），防止滚动条出现后列被二次挤压
- 避免
minWidth—— 旧 Chrome 不识别该属性，反而干扰 width 计算
示例列配置：
{field: 'name', title: '姓名', width: 160}
{field: 'status', title: '状态', width: 100}
{field: 'op', title: '操作', width: 140}fixed 列和 checkbox 列需额外重置 display
带 fixed: 'left' 或 type: 'checkbox' 的列，在旧 Chrome 中容易脱离 flex 容器，单独错位。
补丁样式（追加在上一个 @supports 块内）：
.layui-table-fixed-l .layui-table-body,
.layui-table-fixed-r .layui-table-body,
.layui-table-box .layui-table-col-set {
display: block;
}
.layui-table-fixed-l .layui-table-body table,
.layui-table-fixed-r .layui-table-body table,
.layui-table-box .layui-table-col-set table {
display: table;
table-layout: fixed;
}注意：
- 不要给
.layui-table-fixed-*元素设flex相关样式，它们本就不是 flex 容器 - checkbox 列错位常因图标字体未加载完导致宽度抖动，可加
font-display: optional到 layui.css 的 icon 字体声明里（如果自托管）
低版本 Chrome 下表格对齐本质是 layout 引擎缺陷，靠 JS 重算列宽既慢又不可靠。真正稳的解法只有两个：一是彻底弃用 flex 布局路径，二是把列宽控制权交还给 table-layout: fixed。其他任何“微调 margin”“动态 setCols”都是临时糊弄，上线后换个 patch 版本就失效。
