layui表格列宽由首屏可见行dom宽度决定，非后端字段长度；需删除width配置、合理设置minwidth、内容超长时用templet加white-space:normal并调table.resize()重算。
不能靠后台字段长度自动调整列宽——layui 表格压根不读取后端返回的字符串长度，它只看前端渲染时**当前可见行中该列内容的实际 dom 宽度**（主要是首屏几行），且默认按 minwidth: 100 fallback。
为什么 width 和 minWidth 都设了，列宽还是不对？
Layui 的列宽计算逻辑是：优先用你配置的 width（固定像素或百分比），没写才退到 minWidth；而 minWidth 只是下限，不是“按内容撑开”的触发条件。哪怕后端返回 "用户姓名" 四个字，只要你在列里写了 width: 150，它就永远卡在 150px，内容长了直接溢出或省略。
- 删掉所有列的
width配置（包括width: '20%'、width: 120），只留minWidth -
minWidth值要合理：中文字段 ≥ 50，英文/数字 ≥ 30，操作列建议 ≥ 80 - 如果某列必须严格等宽（如 ID 列），再单独加
width，但得配align: 'center'避免文字贴边
内容超长被截断，怎么让单元格换行显示？
默认 text-overflow: ellipsis 会把长文本变成 ...，这不是 bug，是 CSS 写死的。要换行，得从两处动手：
- 在列定义里加
templet，用内联样式释放换行能力：templet: '<div style="white-space: normal; word-break: break-word;">{{d.content}}</div>' - 给表格容器补 CSS：
.layui-table tbody td { white-space: normal !important; } - 避免用
word-break: break-all，它会在任意位置断词，比如把user_name拆成user_和name
第一行很短，后面几页才有长文本，列宽还是撑不开？
这是最常被忽略的坑：Layui 计算列宽时，只扫描**首屏可见行**（通常是前 10～20 行）的内容宽度。如果长文本全在第 3 页、第 5 页，那列宽就永远被第一行的 “张三” 锁死。
- 解决办法一（简单）：渲染完立刻调
table.resize()，强制重算一次，它会重新扫一遍当前已渲染的所有行 - 解决办法二（稳妥）：在
done回调里，手动遍历所有td，取scrollWidth最大值，再赋给对应列的minWidth，最后再table.resize() - 注意：如果数据是分页加载或懒加载，得在每批新数据 render 后都补一次重算逻辑
表格初始隐藏（比如在 tab 或弹窗里），列宽算不准怎么办？
DOM 不可见时，offsetWidth、scrollWidth 全是 0，Layui 拿不到真实尺寸，列宽自然崩了。
- 必须在表格真正显示出来之后，再调一次
table.resize() - 常见场景：tab 切换到该页、modal.open() 后、collapse 展开后 —— 这些时机都要手动触发
- 别依赖
autoResize: true，它只控制容器是否随父级变宽，和列宽无关
真正影响列宽的，从来不是后端返回的字段长度，而是前端 DOM 渲染后那一瞬间的 scrollWidth。所有“动态”效果，本质都是手动触发重算 + 合理设置 minWidth + 确保内容可测量。漏掉任意一环，都会导致列宽卡死或抖动。
