精准对齐需用 data-field 选择器：.layui-table thead th[data-field="name"]{text-align:center!important;}，tbody td 同理；templet 可定制内容对齐，合计行需在 done 回调中每次重置样式。
用 data-field 选择器精准控制表头与内容对齐
直接写 .layui-table th { text-align: center; } 没用，因为 layui 内部样式带 !important，且作用于所有表头，会误伤其他列。真正稳的写法是利用渲染后自动添加的 data-field 属性做钩子：
.layui-table thead th[data-field="name"] { text-align: center !important; }.layui-table tbody td[data-field="name"] { text-align: left !important; }
注意：data-field 值必须和列定义里的 field 完全一致（大小写敏感），且你的 CSS 文件得在 layui.css 之后加载，否则权重再高也压不住。
用 templet + 列级 style 组合实现单列定制
如果只改一两列，templet 是最干净的方案——它绕过全局样式冲突，也不依赖 DOM 渲染时机：
- 内容单元格左对齐：
templet: function(d) { return '<div style="text-align:left;">' + d.name + '</div>'; } - 同时配一句 CSS 锁定表头：
.layui-table thead th[data-field="name"] { text-align: center !important; } - 别用
align: 'center'单独设列，它只影响td，表头仍左对齐（除非你用的是 Layui 2.8+ 并给title单独加align）
避开 headers 和 defaultToolbar 这两个坑
headers 是为多级表头设计的，不是用来调对齐的；往里面塞 style 不仅无效，还可能破坏响应式布局。同理，defaultToolbar 或 done 回调里用 JS 找 th 元素手动加 class，容易在重载、排序、分页后失效——因为 layui 会重新生成整个表头 DOM。
更麻烦的是，某些皮肤（如 skin: 'line'）下，th 的 class 名不变，但内部结构微调，JS 动态操作的容错率极低。CSS 钩住 data-field 是目前唯一跨版本、跨 skin 稳定生效的方式。
totalRow 合计行要单独处理
合计行（.layui-table-total）默认所有 td 都居中，且不受列级 templet 或 data-field CSS 影响。它走的是另一套渲染逻辑：
- Layui 2.8+：可直接在
table.render中加totalRow: { align: 'left' }，但仅对内置数字合计生效 - 自定义合计（比如返回字符串或带单位的金额）：必须在
done回调里执行$('.layui-table-total td[data-field="name"]').css('text-align', 'left'); - 千万别在
render外层或initSort里操作，此时 DOM 还没生成
最易被忽略的是：表格 reload 后，done 会再次触发，但你写的那句 css() 如果只执行一次，合计行就会回退到居中——每次 done 都得重置。
