layui表格换行需用templet精准控制或css类批量处理，核心是white-space:normal+word-break:break-word+padding，并注意excel导出需手动设置wraptext。
直接改 white-space: nowrap 不行，layui 表格的单元格默认用这个样式锁死单行，光改它会失效——因为内联样式优先级高，且没配 word-break，长英文或数字串照样不换。
用 templet 精准控制某列换行（推荐）
这是最稳的方式，只影响目标列，不波及表头、操作列、图标对齐。核心是返回一个带样式的 <div>，并显式声明换行能力：
<ul>
<li>
<code>white-space: normal 解除单行限制
word-break: break-word 处理连续无空格字符串（如长 URL、Base64 片段）padding: 8px 10px：原生单元格有内边距，自定义 <div> 不加会文字贴边、拥挤难读
<li>别写 <code>overflow: hidden 或 text-overflow: ellipsis：它们和换行互斥，写了等于白设示例：让「描述」列换行
cols: [[
{field: 'title', title: '标题'},
{
field: 'desc',
title: '描述',
templet: '<div style="white-space: normal; word-break: break-word; padding: 8px 10px;">{{d.desc}}</div>'
}
]]
用 CSS 类批量处理多列（适合「备注」「日志」等字段）
如果超过两列都要换行，定义类复用更干净。但注意：Layui 内联样式优先级极高，不用 !important 几乎必被覆盖。
- 必须加
!important：否则white-space: normal会被 td 上的内联white-space: nowrap覆盖 - 建议加
unresize: true：允许换行的列通常不适合拖拽调宽，否则内容挤成单字一行，反而更难读 - 避开 checkbox/radio 列：这类列高度固定，加该类会导致对齐错位
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'}
导出 Excel 时同步启用换行（不是前端样式的事）
table.exportFile() 不认 HTML 或 CSS，它底层调用 XLSX.utils.json_to_sheet()，纯数据转换，样式全丢。想在 Excel 里换行，得手动干预 worksheet 单元格样式。
- 必须引入
xlsx.full.min.js：精简版不支持cell.s.alignment.wrapText - 列宽要设：不设
ws['!cols']，即使开启wrapText也可能不生效 - 索引从
A1开始，但数据行从第 2 行起（r + 1），别漏掉表头偏移
关键片段：
const data = table.getData('myTable');
const ws = XLSX.utils.json_to_sheet(data);
for (let r = 1; r
<p>换行后单元格变高，容易引发表格高度计算异常、fixed 列错位、横向滚动条消失——这些不是样式没写对，而是渲染层没重算高度。遇到这类问题，别急着调 CSS，先检查是否漏了 <code>padding</code> 或误加了 <code>height: 100%</code> 这类限制性样式。</p>
