Layui表格不能“开启”自动撑满模式，需通过留空最后一列的width字段（即width: undefined）触发弹性占位逻辑；width仅接受数字或undefined，不支持百分比，且父容器须有明确宽度并设box-sizing: border-box。
不能“开启”自动撑满模式，layui 2.8 表格没有这个开关；它靠的是“留空一列的 width”来触发弹性占位逻辑。
为什么 width: '100%' 不起作用
Layui 的 table.render() 默认不解析百分比值，width 字段只接受数字（像素）或 undefined。即使你在配置里写 width: '100%'，Layui 会直接忽略——它底层用的是 table-layout: fixed，列宽由你写的 width 值或内容宽度决定。
- 父容器没设明确宽度（比如
div没给width或max-width），表格就按内容撑开，不会填满 - 所有列都写了
width，且总和 ≠ 容器宽度，就会出现空白或横向滚动条 - 写了
width: ''、width: null或width: 'auto'都无效，只有width: undefined（即完全不写这一项）才被识别为“弹性列”
怎么让某一列自动撑满剩余空间
只有一列能承担这个角色：把它放在 cols[0] 数组的**最后一个位置**，且**不写 width 字段**。
- 正确写法：
{field: 'remark', title: '备注'}（没任何width） - 错误写法：
{field: 'remark', title: '备注', width: ''}或{field: 'remark', title: '备注', width: null} - 如果用了复选框列，它必须在最前面，弹性列就得放在复选框之后、操作列之前，且仍是最后一列
- 该列会吃掉所有未被其他列占用的像素，但前提是容器宽度可测（比如父
div有width: 100%+box-sizing: border-box）
常见失效场景与修复
写了 width: undefined 却没撑开？大概率是下面几个原因：
- 表格初始隐藏（如在 tab 页、弹窗里），渲染时宽度计算为 0 → 在
done回调中加table.resize('yourTableId') - 父容器 CSS 用了
overflow: hidden或没设width→ 检查#yourContainer是否有明确宽度和box-sizing: border-box - 启用了
autoSort: true，排序图标插入导致表头变高、列宽重算错位 → 给该列加unresize: true减少干扰 - 用了
skin: 'row'或多级表头（cols: [[], []]），弹性列没放在第一级 → 确保它在cols[0]最末尾
响应式收缩时怎么不让弹性列塌缩太狠
光靠留空 width 不够，小屏下它可能缩到只剩 20px，文字全挤成省略号。得配 minWidth：
-
minWidth是像素值，不是百分比，例如minWidth: 180 - 它只在表格整体变窄时生效，宽屏下仍按剩余空间拉伸
- 别只设
minWidth而不设width—— 对弹性列来说，width必须彻底不写，minWidth才有机会起作用 - 如果某列内容极长（如富文本摘要），建议同时加
templet和 CSS 控制换行：.layui-table-cell { white-space: normal; height: auto; }
真正起效的关键从来不是“开启什么模式”，而是确保容器可测宽、弹性列位置正确、且没被其他配置（如 autoSort、隐藏状态、CSS 覆盖）悄悄覆盖掉它的行为。Layui 的列宽逻辑很朴素，但容易被表象误导。
