Layui表格换行需用templet精准控制或CSS类批量处理，核心是white-space:normal+word-break:break-word+padding，并注意Excel导出需手动设置wrapText。
直接改
不行，
layui
表格的单元格默认用这个样式锁死单行，光改它会失效——因为内联样式优先级高，且没配
，长英文或数字串照样不换。
用
精准控制某列换行（推荐）
这是最稳的方式，只影响目标列，不波及表头、操作列、图标对齐。核心是返回一个带样式的
white-space: nowrapword-breaktemplet
，并显式声明换行能力：
white-space: normal
解除单行限制
word-break: break-word
处理连续无空格字符串（如长 URL、Base64 片段）
必须加
padding: 8px 10px
：原生单元格有内边距，自定义
不加会文字贴边、拥挤难读
别写
overflow: hidden
或
text-overflow: ellipsis
：它们和换行互斥，写了等于白设
示例：让「描述」列换行
cols: [[
{field: 'title', title: '标题'},
{
field: 'desc',
title: '描述',
templet: '{{d.desc}}'
}
]]
用 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;
}
列配置：
基于Layui自定义内容轮播插件
基于Layui自定义内容轮播插件是一款表格数据为ajax加载的本地json数据，本地查看会有跨域问题导致数据不能显示。
下载
{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 <= data.length; r++) {
const cellA = ws[`A${r + 1}`];
if (cellA) cellA.s = { alignment: { wrapText: true } };
}
ws['!cols'] = [{ wch: 30 }, { wch: 40 }];
XLSX.writeFile(XLSX.utils.book_new(), '导出.xlsx');
换行后单元格变高，容易引发表格高度计算异常、fixed 列错位、横向滚动条消失——这些不是样式没写对，而是渲染层没重算高度。遇到这类问题，别急着调 CSS，先检查是否漏了
padding
或误加了
height: 100%
这类限制性样式。