layui table 的 width 设置无效是因为 2.8+ 默认启用 autoResize: true，需设 autoResize: false 并仅对最右列用 width: 'auto'，其余列须写死宽度，且容器不能有 overflow: hidden 或固定宽限制。
layui table 的 width 设置为什么无效？
因为 layui 2.8+ 默认启用响应式表格（autoresize: true），它会忽略你手动设的列宽，优先按内容或预设比例重算。不是 bug，是设计行为——但恰恰卡住“撑满剩余空间”这个需求。
常见错误现象：width: '150' 写了但列还是窄，或者最后一列被压缩成“…”，右侧留白一大片。
- 必须关掉自动重算：
autoResize: false - 只对需要撑开的列设
width: 'auto'（注意：不是'*'或''） - 其他列必须明确写死宽度（如
width: 120），否则 layui 会按最小内容宽兜底
用 width: 'auto' 撑开最后一列的实际写法
只在**一个列**上用 width: 'auto'，且它得是表格最右侧那列。多列设 auto 会互相打架，结果不可控。
示例场景：三列表格，前两列固定宽，第三列填满剩余空间：
{field: 'title', title: '标题', width: 200},
{field: 'status', title: '状态', width: 100},
{field: 'remark', title: '备注', width: 'auto'} // ✅ 只这儿写 auto
注意：width: 'auto' 在 layui 中不等于 CSS 的 flex: 1，它只是告诉 layui：“这列宽度由容器剩余空间决定”，前提是前面列宽已确定、autoResize: false 已关闭。
遇到表格整体宽度不够、右侧滚动条出现怎么办？
本质是容器没给足宽度，或者父级有 overflow: hidden 截断了表格伸展。
- 检查表格容器是否设置了固定宽（比如
width: 800px），删掉或改成width: 100% - 确保 layui table 的父元素没有
overflow: hidden—— 它会让width: 'auto'列被硬截断 - 如果用了
skin: 'line'或'row'，记得加even: true避免偶数行样式干扰宽度计算
兼容性提示：layui 2.7 以下版本不支持 width: 'auto'，得降级用 minWidth + JS 手动算剩余宽，2.8+ 才真正可用。
为什么用 minWidth 代替 width: 'auto' 会失败？
minWidth 是最小宽度阈值，不是分配策略。设了 minWidth: 300，只保证这列不低于 300px，但不会主动占满剩余空间——它仍可能被其他列挤成刚好 300，右边继续空着。
容易踩的坑：
- 混淆
minWidth和width: 'auto'，以为设个大点的minWidth就能撑满 - 在
autoResize: true下同时设minWidth和width: 'auto'，后者直接被忽略 - 用百分比写法如
width: '40%'，layui 不解析百分比，会当字符串丢弃，退化为默认宽
复杂点在于：撑满依赖的是“已知其他列宽 + 容器总宽 - 其他列宽 = 剩余宽”这个减法逻辑，任意一环不准（比如容器宽是 max-width、或用了 display: flex 布局），width: 'auto' 就会失效。
