需同时设置white-space:normal和word-break:break-word（或overflow-wrap:break-word），并覆盖display:flex为block或table-cell，补全padding，推荐用templet或className方式对特定列启用换行，避免影响表头与固定列。
直接换行不显示省略号，核心是关掉 white-space: nowrap 并打开换行能力，但不能全局硬改，否则表头错位、操作列图标挤歪、固定列偏移全跟着出问题。
为什么加 white-space: normal 还不换行
因为 layui 的 .layui-table-cell 默认带 display: flex，而 flex 容器下 white-space: normal 会被压制，文字仍倾向单行撑开。更关键的是：即使设了 normal，若没配 word-break: break-word 或 overflow-wrap: break-word，中英文混排或长英文单词（比如 URL、UUID）照样不折行，直接溢出表格边界。
- 必须同时声明
white-space: normal和word-break: break-word（推荐前者）或overflow-wrap: break-word -
display: flex是罪魁祸首，得覆盖成display: block或保留table-cell但加vertical-align: top防对齐漂移 - 别漏
padding：原生单元格有内边距，自定义样式里不补会贴边难看
对某列单独启用换行（推荐 templet 方式）
最稳、最可控，不影响其他列，也不动表头。适用于「描述」「备注」「日志」这类字段。
- 在
cols配置里给目标列加templet，返回带样式的<div> - 示例：
{field: 'desc', title: '描述', templet: '<div style="white-space: normal; word-break: break-word; padding: 8px 10px;">{{d.desc}}</div>'} - 如果内容含 HTML 标签（如
<br>），改用函数写法：templet: function(d) { return d.desc; }，确保已解析 - 加
unresize: true：允许换行的列通常不该拖拽调宽，否则高度突变、滚动错乱
批量给多列加换行（用 className 统一控制）
适合「备注」「详情」「错误信息」等好几个字段都要换行的场景，避免重复写 inline style。
- 定义 CSS 类：
.layui-table-cell-wrap { white-space: normal !important; word-break: break-word; padding: 8px 10px; } - 在列配置中引用：
{field: 'remark', title: '备注', className: 'layui-table-cell-wrap'} -
!important必须加：layui 内联样式优先级高，不加会被盖掉 - 避开 checkbox/radio 列：它们依赖精确高度对齐，加这个类会导致复选框下沉或错位
换行后表格滚动/高度异常怎么办
单元格变高后，layui 不会自动重算表格高度和横向滚动条，常见表现是：横向滚动条消失、fixed 列错位、底部留白过大。
- 每次数据加载完或搜索后，手动触发
table.resize() - 如果用了分页或动态加载，把
table.resize()放在done回调里 - 别依赖
height: 'full-xx'自适应：换行后高度不可预测，建议显式设height: 500或用maxHeight控制 - 检查
cellMinWidth：设太小（如 40）会导致字被切成单字一行，可读性反而下降
真正麻烦的不是加换行，而是换行后触发的连锁反应——高度变化、滚动错位、fixed 同步失效、响应式缩放时回弹异常。这些往往要靠 table.resize() + 显式宽度约束 + 排除 checkbox 列三者配合才能压住。
