Layui table 固定左侧列需每列显式设置数字型 width 并置于 cols 数组最前，多列冻结时所有冻结列 width 之和须与主表体对应列严格一致，否则错位；交互控件如 checkbox 应避免放在冻结列，IE11 下需手动调整高度兼容。
layui table 怎么设置固定左侧列
直接用 fixed: 'left'，但必须配合 width 显式设列宽，否则冻结失效。layui 的冻结列不是靠 css sticky 实现的，而是靠两套独立的 <table> 结构拼接，列宽不同步就会错位。
常见错误是只给第一列加 fixed: 'left'，却不设 width，结果看起来“没冻结”或者表头/表格体对不齐。
- 每列都要写
width，推荐用数字（如120），别用百分比或'auto' - 冻结列必须放在
cols数组最前面，顺序不能乱 - 如果用了
scrollbar或自定义样式覆盖了.layui-table-fixed-l，可能遮挡冻结列，需检查 CSS 优先级
多列冻结时 width 不一致导致错行怎么办
冻结多列（比如前两列）时，fixed: 'left' 要重复写在每一列上，且所有冻结列的 width 之和，必须严格等于它们在主表体中对应列的 width 之和。Layui 不做校验，错一点就 visibly 错位。
示例：冻结“序号”和“用户名”两列，它们的 width 分别是 60 和 100，那主表体里这两列也得是 60 和 100，不能一个写 60 一个写 '100px' —— 字符串和数字会被当不同值处理。
- 统一用纯数字（单位 px），避免
'100px'、'100%'、null - 检查浏览器控制台是否报
Uncaught TypeError: Cannot read property 'offsetWidth' of null，大概率是某列width没生效 - 动态重载表格（
table.reload()）后，要确保新列配置仍保持width一致，不然错位会复现
冻结列和 checkbox/radio 选择列一起用为啥点不中
因为冻结列区域和主表体是两个独立 DOM 容器，事件委托默认只绑在主表体上。checkbox 放在冻结列里时，点击实际触发的是冻结列里的 input，但 layui 的选中逻辑只监听主表体的 change 事件，所以“点了没反应”。
解决办法不是改源码，而是把 type: 'checkbox' 放到非冻结列（比如第三列），再用 CSS 把它视觉左移 —— 但更稳妥的做法是：放弃在冻结列放交互控件，把操作列（含 checkbox、操作按钮）放在右侧非冻结区。
- 冻结列只放只读字段（ID、编号、姓名等），交互类列一律放后面
- 如果真要放 checkbox，得手动绑定
change事件到冻结列的.layui-table-fixed-l input[type=checkbox]，并同步更新table.checkStatus()的缓存 - 注意移动端 touch 事件穿透问题，冻结列的 checkbox 在 iOS 上可能响应延迟，建议加
cursor: pointer和-webkit-tap-highlight-color: transparent
IE11 下冻结列错位或空白怎么调
Layui 2.8+ 对 IE11 的 transform 和 position: sticky 兼容性差，冻结列依赖的 .layui-table-fixed-l 容器在 IE11 下容易高度计算为 0 或定位偏移。这不是你代码写错了，是 layui 渲染时机和 IE 盒模型的锅。
临时缓解方案是强制刷新冻结列容器高度：在 done 回调里加一段重绘逻辑，但别用 setTimeout 硬等，要用 getComputedStyle 检测真实渲染完成。
- 在
table.render()的done函数里加：document.querySelector('.layui-table-fixed-l')?.style.height = 'auto'; - 避免在 IE11 中使用
height: 'full-xx'这类动态高度配置，改用固定像素值（如height: 500） - 如果用了
skin: 'row'或自定义cellMinWidth，IE11 下会加剧错位，建议冻结列禁用cellMinWidth
冻结列看着简单，实际是 layui 表格里最吃细节的地方：width 必须全数字、顺序不能变、IE 需单独喂、交互列最好别塞进去。改一行 width，可能就要全列对齐重算一遍。
