最稳方案是templet内联样式而非全局CSS，需同时设white-space:normal和word-break:break-word，并加padding；空值需判空；含HTML用{{=d.desc}}；多列换行用className配合!important；tr高度需重置为auto；导出Excel需SheetJS手动设wrapText及列宽。
templet里加内联样式最稳
直接改全局css容易影响表头、操作列甚至checkbox对齐，templet能精准控制某列，不波及其他。关键不是“加换行”，而是让容器具备换行能力：必须同时设white-space: normal和word-break: break-word，否则长url或base64串照样不折行。
常见错误是只写<div>{{d.content}}</div>——没样式等于白搭；也别漏padding，原生单元格有内边距，自定义div不加会文字贴边。
- 正确写法：
templet: '<div style="white-space: normal; word-break: break-word; padding: 8px 10px;">{{d.desc}}</div>' - 空值要判：
templet: function(d) { return d.desc ? '<div style="...">' + d.desc + '</div>' : ''; } - 含HTML内容时用
{{= d.desc}}（注意等号），但得确保来源可信，否则XSS风险
用className批量处理多列
如果「备注」「日志」「详情」都需换行，定义CSS类复用更干净。但Layui渲染时会给td加内联style="height: 42px;"，普通CSS会被覆盖，!important是刚需。
别对checkbox/radio列加这个类，它们高度固定，加了会导致整行错位；unresize: true建议配上，换行列拖拽调宽后容易挤成单字一行，体验反而更差。
- CSS写法：
.layui-table-cell-wrap { white-space: normal !important; word-break: break-word; padding: 8px 10px; } - 列配置：
{field:'remark', title:'备注', unresize: true, className:'layui-table-cell-wrap'} - 别只写
.layui-table td，得覆盖.layui-table th和带lay-unselect的单元格（比如操作列里的按钮）
换行后行高塌陷怎么修
内容换行了，但tr还是扁的，是因为Layui默认给tr设了height: 45px，且line-height没对齐。光改td没用，必须同步重置tr。
如果用了toolbar或totalRow，它们的tr也要单独处理，否则高度错位明显。移动端小屏上还要注意横向溢出，表格容器加overflow-x: auto更稳妥。
- 修复代码：
$('.layui-table tr').css('height', 'auto').css('line-height', '1.5'); - 如果表格启用了
skin: "row"，CSS选择器得写成.layui-table[lay-skin="row"] .table-cell-wrap - 别用
overflow: hidden或text-overflow: ellipsis——它们和换行互斥
导出Excel时换行不生效
table.exportFile()导出的是纯数据，前端CSS和HTML模板全丢，Excel里照样截断。想真换行，得绕过封装，用SheetJS手动设wrapText并配列宽。
最容易忽略的是：Layui表格若用templet渲染，导出的数据仍是原始字段值，不是渲染后的HTML——所以换行逻辑必须落在数据本身或SheetJS样式层，不能指望模板生效。
- 关键步骤：用
table.getData()取原始数据 →XLSX.utils.json_to_sheet()建sheet → 遍历单元格设cell.s = {alignment: {wrapText: true}}→ 手动设ws['!cols']列宽 - 列宽不设，即使开
wrapText也可能不生效；索引从A1开始，但数据行实际从第2行起（r+1），别漏表头偏移 - 检查xlsx版本，老版本不支持
wrapText，升级到xlsx.full.min.js才可靠
tr高度锁定、以及导出时样式丢失这三处——它们不在同一层，得分别处理，不能指望一个CSS一劳永逸。
