合计行文字重叠的直接原因是合计行单元格默认height固定、line-height与字体大小不匹配，且未启用换行。
合计行文字重叠的直接原因是什么
不是数据太长，而是合计行单元格默认 height 固定、line-height 与字体大小不匹配，且未启用换行。layui 的 .layui-table-total 行被设为固定高度（通常约 36px），内容超出后会挤压换行空间，导致文字上下堆叠或截断重叠。
用 lineStyle 强制开启多行并控制高度
在 table.render() 中设置 lineStyle 是最轻量的解法，它会覆盖合计行的固定高限制：
-
lineStyle: 'height: auto; min-height: 36px;'—— 允许内容撑开，同时保底高度防压缩 - 必须搭配
height配置（如height: 400）才生效，否则lineStyle不起作用 - 该设置对所有行（含合计行）统一生效，无需额外操作 DOM
自定义合计内容时避免内联样式污染
当你用 totalRow: function(d){...} 返回带 HTML 的字符串（比如加了 <span></span> 或换行符），要注意：
- 不要在返回字符串里写
style="white-space: pre-wrap"—— Layui 会自动转义或忽略，导致无效 - 正确做法是给合计单元格加 class，再用 CSS 控制：
{field:'amount', totalRow:function(d){return '<div class="total-multiline">¥'+(d[0]+d[1]).toFixed(2)+'</div>';}} - 配套 CSS：
.layui-table-total .total-multiline { white-space: pre-wrap; line-height: 1.5; padding: 8px 12px; }
为什么 done 回调里改 CSS 常失效
常见错误是只改了 text-align 或 padding，却漏掉关键渲染约束：
-
$('.layui-table-total td').css('height', 'auto')无效 —— Layui 内部用!important锁死了height - 直接
.css('white-space', 'pre-wrap')在某些版本会被后续重绘覆盖 - 真正可靠的是在
done里补一行强制重排：$('.layui-table-total td').css('display', 'table-cell'); - 仅在必须动态干预时使用；日常优先走
lineStyle配置
合计行重叠问题本质是「高度锁定 + 换行禁用」双重压制，不是文本本身的问题。最容易被忽略的是：哪怕你把内容改成单行短文本，只要没解除 height: 36px !important 这层限制，依然可能因 line-height 计算错位而轻微重叠。
