layui table单元格默认不换行，需设cellMinWidth: 0并覆盖CSS：.layui-table td,th{white-space:normal;word-break:break-all;overflow-wrap:break-word}，同时重置tr高度为auto。
layui table 单元格内容自动换行怎么设
默认情况下 layui.table 会把超长文本截断加省略号，不换行。根本原因是 css 把 td 和 th 的 white-space 设成了 nowrap，得手动覆盖。
- 必须在表格初始化后、渲染完成前注入样式，否则会被 layui 内部样式覆盖
- 只改
.layui-table td不够，还得同步处理.layui-table th和带lay-unselect类的单元格（比如 checkbox 列） - 推荐用
cellMinWidth: 0配合 CSS，否则列宽自适应失效，换行没意义
示例写法：
table.render({
elem: '#demo',
cellMinWidth: 0,
cols: [[
{field: 'content', title: '说明', width: 200}
]]
});
// 渲染后立即追加样式
$('.layui-table').css('table-layout', 'fixed');
$('.layui-table td, .layui-table th').css({
'white-space': 'normal',
'word-break': 'break-word',
'padding': '8px 12px'
});
layui table 换行后高度塌陷怎么修
内容换行了，但行高没跟着撑开，看着像被“压扁”——这是 layui 默认给 tr 设了固定 height: 45px，且 line-height 和 padding 没对齐。
- 不能只改
td，必须同时重置tr的height为auto -
line-height建议设为1.5或20px，避免多行时文字粘连 - 如果用了
toolbar或totalRow，它们的tr也要单独处理，否则高度错位
补一行就行：
$('.layui-table tr').css('height', 'auto');
$('.layui-table tr').css('line-height', '1.5');
layui table 中文换行不生效的坑
英文能断、中文全挤在一行末尾——这不是 bug，是 CSS 的 word-break 和 word-wrap 对中文的处理逻辑不同。layui 默认没开强制断行。
-
word-break: break-word对中文无效；得用break-all或keep-all+overflow-wrap: break-word - 更稳妥的是组合写：
word-break: break-all; overflow-wrap: break-word; - 注意：
break-all可能会在词中切断（比如“数据库”切成“数据/库”），如果业务不允许，就只能靠服务端提前插入零宽空格
动态加载数据后换行样式丢失怎么办
用 table.reload() 或 table.cache 手动刷新后，之前加的 CSS 全没了——因为 layui 重新生成了 DOM，老样式没绑定过去。
- 别在 reload 前一次性加样式，要在
done回调里重置 - 或者直接写全局 CSS（加
!important），比 JS 注入更稳 - 如果用了模板列（
templet），记得在模板字符串里也加style="word-break: break-all;"，不然内联样式优先级更高
推荐的全局样式（塞进 或独立 CSS 文件）：
.layui-table td, .layui-table th {
white-space: normal !important;
word-break: break-all !important;
overflow-wrap: break-word !important;
}
.layui-table tr { height: auto !important; }
换行这事看着简单，但实际要同时盯住 CSS 层叠顺序、DOM 重建时机、中英文断行差异三块。最容易漏的是 reload 后样式失效，还有就是忘了 cellMinWidth: 0 导致列宽锁死，换行根本没空间。
