Layui表格totalRow文字默认居中，需在done回调中执行$('.layui-table-total td').css('text-align','left')实现左对齐，或升级至2.8+使用totalRow:{align:'left'}配置。
totalRow 文字默认居中，怎么改左对齐
Layui 表格的 totalRow 是内置合计行，但所有单元格文字默认 text-align: center，不支持直接通过配置项控制对齐方式。本质是它用固定 class（layui-table-total）包裹，样式写死在 CSS 里。
实操上只有两个可靠路径：覆盖 CSS 或手动重写合计行 DOM。推荐前者，轻量且稳定。
- 在表格渲染后、或
done回调里加一句 CSS 覆盖：$('.layui-table-total td').css('text-align', 'left'); - 如果用了 Layui 2.8+，其内部已支持
totalRow: { align: 'left' }，但仅限于数字列自动合计（totalRow: true时），自定义合计内容仍不生效 - 避免在
initSort或render前操作 DOM，此时.layui-table-total还没生成
自定义合计内容时 totalRow 对齐失效怎么办
当你用 cols 中的 totalRow: '{=d[0]+d[1]}' 或函数返回字符串时，Layui 不会再走内置对齐逻辑，而是原样插入文本，但父容器样式仍为居中 —— 所以你看到的还是居中，不是“没生效”，是“被容器样式压住了”。
必须显式干预容器样式：
- 给对应列的
templet加内联样式：{field: 'price', title: '金额', totalRow: function(d){ return '<span style="display:inline-block;text-align:left;">¥'+(d[0]+d[1]).toFixed(2)+'</span>'; }} - 或者统一用类名控制：
.layui-table-total .custom-align-left { text-align: left !important; }，然后在totalRow返回内容里加class="custom-align-left" - 注意：不要用
!important覆盖全局.layui-table-total td，否则会影响其他列（比如金额列你可能想右对齐）
为什么加了 CSS 还是没变？常见渲染时机错误
最常踩的坑是样式注入太早 —— Layui 表格分三步：初始化、请求数据、渲染 DOM。合计行只在最后一步才出现，done 回调才是安全时机。
- 错：在
table.render({ ... })外层直接写$('.layui-table-total td').css(...)→ 找不到元素 - 对：必须塞进
done里：done: function(res, curr, count){ $('.layui-table-total td').css('text-align', 'left'); } - 如果表格启用了分页或重载（
table.reload()），每次 reload 后都要重新执行这句，不能只写一次 - 用
setTimeout强制延后是下策，容易不稳定；优先靠done或事件监听layui.table.on('postDone')（Layui 2.8+）
移动端或缩放页面时对齐错位
合计行高度和普通行不一致时，td 的 vertical-align 可能导致文字视觉偏移，尤其在 iOS Safari 下更明显。
- 加上垂直对齐修复：
$('.layui-table-total td').css({'text-align': 'left', 'vertical-align': 'middle'}); - 如果用了
cellMinWidth或列宽自适应，合计行可能换行，此时需额外加white-space: nowrap防断行 - 不要依赖
padding-left模拟左对齐，会破坏响应式布局，且和表头对不齐
事情说清了就结束。关键就两点：时机卡在 done，样式盯住 .layui-table-total td，其他都是绕路。
