直接用align属性最省事，但仅v2.8+支持且skin为'line'或'nob'时表头不生效；低版本或特殊皮肤下需用data-field配合CSS精准控制表头居中。
直接用 align 属性最省事（但只对 v2.8+ 有效）
如果用的是 Layui 2.8 或更高版本，列配置里加 align: 'center' 就能让表头和内容都居中——前提是没启用 skin: 'line' 或 skin: 'nob' 这类皮肤，否则表头会忽略该设置。
常见错误是写了 align 却发现表头还是左对齐，大概率因为：
- 用了
skin: 'line'，此时align只作用于tbody td，表头需另配 CSS - 列定义里同时用了
templet，它会绕过align的样式注入 - 版本低于 2.8，
title不支持align字段，表头对齐必须靠 CSS
用 data-field + CSS 精准控制表头居中（兼容所有版本）
Layui 渲染后，每个 th 都带 data-field 属性，这是最稳的钩子。比如列定义是 {field: 'name', title: '姓名'}，那对应表头就是 <th data-field="name">。
写这段 CSS（注意顺序：必须在 layui.css 之后加载）：
.layui-table thead th[data-field="name"] {
text-align: center !important;
}
关键点：
- 必须加
!important，否则被 Layui 默认的.layui-table th {text-align: center!important}覆盖（它其实默认居中，但某些皮肤或自定义样式会破坏） - 别用
:nth-child(2)，列序一变就失效；data-field是语义化锚点，更可靠 - 如果表格启用了
fixed: true列，该列的th也会带data-field，规则同样适用
全局表头居中但不影响其他表格（推荐加容器 class）
不想污染所有表格？给目标表格容器加个自定义 class，比如 class="my-table"，然后用后代选择器：
.my-table .layui-table thead th {
text-align: center !important;
}
这样既避免了泛选 .layui-table th 导致排序图标、复选框位置偏移，又不会影响页面上其他未加 my-table 的表格。
注意：
- 不要写成
.layui-table th—— 它会压住内置组件的对齐逻辑 - 如果用了
totalRow，合计行的th不在此范围内，需单独处理.layui-table-total th - 移动端缩放时若出现视觉错位，检查是否
th和td的padding值不一致，保持统一能减少重绘抖动
为什么 text-align: center 有时不生效
不是代码写错了，而是被更高优先级样式压制了。Layui 内部对 th 的默认样式带 !important，你写的规则权重不够就会失效。
排查步骤：
- 打开开发者工具，选中目标
th，看Computed面板里最终生效的text-align是哪个来源 - 确认你的 CSS 文件是否真的在
layui.css之后加载（顺序错了，再狠的!important也白搭） - 检查是否被第三方 UI 库或全局重置样式（如 normalize.css）干扰，特别是
table, th, td { text-align: left; }这类兜底规则
真正麻烦的是混合了 templet、toolbar 和响应式宽度的场景——这时候得一层层点开 DOM，看最终起效的到底是哪条 CSS 规则。
