layui表格默认忽略换行符，需在templet中将\n替换为并调用table.resize()；仅靠css white-space无效，且必须避免escape()破坏换行。
直接结论：layui 表格默认会忽略换行符（\n），只当普通空格处理；要真实渲染换行，必须在 templet 中将 \n 替换为 <br>，同时配合 css 启用换行支持，否则全被压成一行或截断。
templet 里不转义 \n 就永远不换行
Layui 的单元格内容是 innerHTML 渲染，\n 在 HTML 中不产生换行效果，必须显式转为 <br>。很多人用 templet: '{{d.content}}' 或 templet: function(d) { return d.content; }，结果发现文本还是挤在一行——问题就出在这儿。
- 正确写法：
templet: function(d) { return d.content.replace(/\n/g, '<br>'); } - 如果内容来自数据库且已存为
\r\n，建议统一用replace(/[\r\n]+/g, '<br>') - 别在 CSS 里指望
white-space: pre-line—— layui 的内联样式和 td 容器会覆盖它，不可靠
换行后单元格高度失控？必须调 table.resize()
加了 <br> 后，单元格高度变高，但 layui 不会自动重算 fixed 列、表头、滚动区域的高度，常见现象包括：右侧固定列错位、横向滚动条消失、tbody 和 thead 行高不一致。
- 在
done回调里调一次：done: function() { table.resize('your-table-id'); } - 如果表格支持搜索/重载，每次
table.reload()后也得再调table.resize() - 不要用
$('.layui-table').height('auto')这类 jQuery 强制设高——会破坏 layui 内部布局逻辑
含 HTML 标签 + 换行符的混合内容怎么安全渲染
如果字段内容本身含用户输入的 HTML（比如富文本编辑器输出），又带 \n，直接 replace(/\n/g, '<br>') 可能导致 <br> 插入到标签中间，破坏结构。
- 稳妥做法：先用 DOMParser 或简单正则清理危险标签，再替换换行符
- 更轻量方案：
templet: function(d) { return '<div class="layui-table-html-content">' + d.content.replace(/\n/g, '<br>') + '</div>'; }，然后配 CSS：.layui-table-html-content { white-space: normal; word-break: break-word; line-height: 1.5; } - 绝对不要用
layui.util.escape()后再替换\n——那会把所有<br>也转义掉，彻底失去换行能力
移动端显示异常？关键在 cellMinWidth 和容器溢出
小屏下，换行文本容易撑宽列、触发横向滚动，或因 cellMinWidth 设得太小（如 80），导致每字一行，可读性极差。
- 对长文本列，显式设
minWidth: 200或更高，避免被压缩变形 - 表格父容器加
style="overflow-x: auto"，确保横向滚动可用 - 禁用该列拖拽：
unresize: true，否则用户拉窄后内容瞬间崩坏
最易被忽略的一点：table.resize() 不是“可选优化”，而是启用换行后的**必调动作**；漏掉它，fixed 列、表头、滚动条三者中至少两个会失同步——这不是样式问题，是 layui 布局引擎的硬性依赖。
