layui table固定列失效的常见原因：必须设置数值型height且fixed值严格为'left'或'right'；禁用true/空字符串/大小写错误；左右固定列需合理排序与宽度分配；动态模板避免block布局；2.8+改用absolute模拟，IE11兼容但需注意计算时机。
layui table 固定列会失效的常见原因
固定列（fixed: 'left' 或 fixed: 'right'）在 layui 2.8+ 中依赖两个前提：表格必须启用滚动（即 height 设置为数值，如 height: 400），且对应列的 fixed 值必须是字符串 'left' 或 'right' —— 写成布尔值 true、数字或空字符串都会静默失效。
常见错误现象：fixed: true 看起来写了，但列不锁定；表格没设 height，拖动横向滚动条时列跟着跑；用了 width 但没配 minWidth，小屏下错位。
-
height必须是具体数值（如400），不能是'auto'或百分比 -
fixed只接受'left'/'right'，大小写敏感，不能写成'Left' - 左右固定列不能同时出现在同一列定义里，也不能对同一列重复设置
fixed - 固定列的
width建议显式声明，否则可能被自动压缩导致内容截断
layui table 左右固定列同时使用的配置要点
可以左、右各固定一列或多列，但需注意渲染顺序和宽度分配。layui 按列定义顺序渲染，fixed: 'left' 列会从左往右堆叠，fixed: 'right' 列则从右往左堆叠 —— 所以右固定列要放在列配置数组靠后位置，否则可能被遮挡。
性能影响：每多一个固定列，table 会额外生成一组 DOM 并监听 scroll 事件，10 列以上固定会明显卡顿；兼容性上，IE11 及以下不支持 position: sticky，而 layui 2.7+ 的固定列已弃用 sticky 改用绝对定位模拟，所以 IE 仍可工作，但需确保父容器 overflow: hidden 不被意外覆盖。
- 左固定列建议只设 1–2 列，右固定列同理，避免横向空间不足
- 所有固定列的
width总和不能超过表格总宽度，否则触发横向滚动，固定效果变差 - 若用
cols: [[...]]多级表头，固定属性必须写在叶子列（最内层数组的列项）上 - 动态重载表格（
table.reload()）后，固定列状态不会丢失，但若传入新cols未带fixed，会退化为普通列
固定列内容被截断或错位怎么办
典型表现是文字显示不全、图标错位、复选框偏移 —— 这往往不是 CSS 覆盖问题，而是固定列单元格未正确继承 table-cell 行为或高度塌陷。layui 在渲染固定列时会复制原始 <td> 并包裹进新容器，若原始列用了 <code>templet 返回带 display: block 的结构，就容易撑高或挤窄。
解决核心是让固定列单元格保持“行内盒”特性，并与主表对齐。不要在 templet 里写 <div style="display:block"> 包裹内容；也不要在列配置中加 <code>style: 'height: 36px;' 这类硬编码高度。
- 优先用
cellMinWidth控制最小宽度，比width更适应内容伸缩 - 自定义模板中避免使用
flex布局或绝对定位，改用display: inline-flex或纯 padding 对齐 - 如果用了
toolbar或checkbox列，它们默认不支持fixed，需手动在列配置中加fixed: 'left'并确保它排在第一列 - 检查浏览器控制台是否有
Uncaught TypeError: Cannot read property 'offsetWidth' of null，这说明某列 DOM 尚未挂载就被计算宽高，通常因异步模板未 resolve 完毕
layui 2.8+ 与旧版 fixed 行为差异
layui 2.7.7 之前，固定列靠 position: sticky 实现，简单但兼容性差；2.8 开始改用 JavaScript 计算 + position: absolute 模拟，好处是 IE11 可用、滚动更稳定，坏处是初始化时多一次 DOM 遍历，且对动态列宽响应稍慢。
这意味着：升级后若发现固定列偶尔“闪一下”再归位，不是 bug，是计算时机问题；若你依赖旧版的 sticky 行为做自定义样式覆盖，现在得改查 .layui-table-fixed-l 和 .layui-table-fixed-r 这两个类名容器。
- 2.8+ 中，
table.resize()会重新计算固定列位置，但不会重绘，适合窗口 resize 后调用 - 不再支持
fixed: 'left' + width: 'auto'组合，width必须是数值或百分比（如'15%'） - 服务端分页下，固定列逻辑不受影响；但前端分页（
page: false）时，若数据量极大，建议关掉固定列，避免内存占用飙升
真正难搞的是混合场景：固定列 + 树形表格 + 动态合并单元格 —— 这时候 fixed 会直接忽略，因为 layui 的固定列机制和 tree 渲染流程不兼容，得自己 patch table.js 里的 _fixedCol 方法。
