layui表格列对齐需分别设置td与th：列配置align仅作用于td，th需css强制覆盖；合计行、fixed列等特殊场景须用data-field精准选择器加!important生效。
用 align 配置逐列控制水平对齐
直接在列定义里写 align: 'left' 或 align: 'center' 就能生效，但只作用于该列的 td（内容单元格），th（表头）默认仍左对齐，除非你用的是 Layui v2.8+ 且给 title 单独设了 align。
-
align是列级配置，不是表格级，所以可以混用：{field:'name', title:'姓名', align:'left'}和{field:'price', title:'金额', align:'center'}完全合法 - 如果某列用了
templet，align会作用于外层td，但模板内部文字仍按内联样式或 class 决定——此时要手动加style="text-align:left" - 数字类字段（如金额、序号）别漏掉
align: 'right'，否则和中文混排时视觉上明显偏移
表头对齐不随 align 变？得用 CSS 强制覆盖
Layui 默认不把列的 align 同步到 th，尤其低版本（v2.8 之前）根本没提供 title.align。这时候只能靠 CSS 锁定目标列的表头。
- 最稳的选择器是
.layui-table thead th[data-field="name"]——data-field值必须和列的field完全一致（大小写敏感） - 必须加
!important，否则被 layui 内联样式或高优先级规则压住 - 别用泛选择器如
.layui-table th:nth-child(2)，列顺序一变就失效；也别用.layui-table th全局改，会误伤排序图标、复选框等
想「表头居中 + 内容居左」？两行 CSS 就够
这是高频需求，比如「操作」列希望表头写“操作”居中，但每行按钮要靠左贴边。Layui 没内置分离控制，但 DOM 结构里 th 和 td 都带 data-field 属性，正好用来精准钩住。
- 表头居中：
.layui-table thead th[data-field="op"] { text-align: center !important; } - 内容居左：
.layui-table tbody td[data-field="op"] { text-align: left !important; } - 这两句必须同时存在，且放在
layui.css之后加载，否则无效 - 如果用了
skin: 'line'或'row'，class 名不变，该规则依然有效
合计行（totalRow）对齐容易被忽略
合计行的 td 在 .layui-table-total 容器里，它不受列级 align 影响，也不吃 templet。哪怕你给「金额」列设了 align: 'right'，合计行还是默认居中。
- 通用解法是加 CSS：
.layui-table-total td[data-field="price"] { text-align: right !important; } - 如果合计内容是自定义函数返回的（比如
totalRow: function(d){return '小计：¥'+d[0]}），那返回的字符串会被塞进一个默认居中的td里——样式锁死，只能靠上面那条 CSS 解锁 - 注意：每次调用
table.reload()后，.layui-table-total会重建，CSS 规则依然生效，不用额外处理
data-field 可能没渲染出来，或者 th 被 toolbar 替换掉了——这种时候得打开开发者工具，一层层点开 DOM，看最终生效的到底是哪个 th 或 td，再反推选择器怎么写。
