Layui 的 align 属性会同时作用于表头和单元格，导致表头也被右对齐；解决方法是用 templet 模板配合内联 style 实现内容右对齐而表头居中，或通过列配置的 style 字符串微调样式。
直接用 align: 'right' 会连表头一起右对齐
这是最常踩的坑：加了 align: 'right'，数字确实右对齐了，但表头文字也跟着右偏，视觉上很别扭。layui 的 align 是“一管到底”的，它同时作用于 <th> 和 <code><td>，没有单独控制内容行的开关。
<p>如果你用的是 <code>skin: 'line' 或 skin: 'nob'，那表头甚至完全不响应 align，只内容区生效——这时更难察觉问题源头。
-
align只接受字符串'left'、'center'、'right'，写成'end'或对象都不认 - 一旦列启用了
templet，align就被忽略，对齐逻辑全由模板内联样式决定 - 后台动态返回列配置时，
align: 'right'必须在组装cols数组时就注入，渲染后补无效
想让数据右对齐、表头仍居中？用 templet + 内联 style
这是目前最稳妥、兼容性最好的解法，尤其适合金额、序号等纯数字列。
示例：让 price 列内容右对齐，表头保持居中
{field: 'price', title: '价格', templet: '<div style="text-align:right">{{d.price}}</div>'}
- 模板字符串必须用双引号包裹整个 HTML，内部用单引号或转义避免语法错误
- 别写成函数式
templet: function(d) { ... }—— Layui 2.8+ 对它的样式支持不稳定，容易丢失text-align - 如果该列有图标或按钮组合（比如「¥1,234.50 」），建议额外加
padding-right控制右侧留白，避免紧贴边框
需要微调间距或小数点对齐？靠 style 字段补 CSS
单纯 text-align: right 在财务场景下常不够用：千分位逗号、负号、单位符号会让视觉“右边界”不统一。这时候得手动干预单元格 <td> 的内边距或字体。
<p>在列配置里直接加 <code>style 字符串：
{field: 'price', title: '价格', style: 'padding-right: 12px; font-family: "Consolas", monospace;'}
-
style是字符串，不是对象，别写成style: {paddingRight: '12px'} - 避免在
style里重复写text-align，会和align冲突；优先用align控制对齐，style只管辅助样式 - 小数点对齐本质是等宽字体 + 右对齐模拟，Layui 原生不支持，得靠
font-family配合text-align: right手动逼近
合计行（totalRow）右对齐要特别注意版本
Layui 2.8+ 才支持 totalRow: { align: 'right' }，旧版本（2.7.x 及更早）压根不认这个配置，无论你怎么设都默认居中。
如果你发现合计行死活不右对齐，先检查版本：
- 运行
layui.version看输出值，低于 2.8 就得手动处理 - 旧版只能靠 CSS 强覆盖：
.layui-table-total td[data-field="price"] { text-align: right !important; } - 注意选择器精度，
.layui-table-total td本身带!important，你的规则也得加，且最好带上data-field避免误伤其他列
templet？这些条件一叠加，align 就不再是“开箱即用”的属性，而是一个需要上下文决策的开关。
