Layui table 表头样式无法通过配置项修改，必须用 CSS 覆盖；需使用高优先级选择器（如 .layui-table thead th）并注意 !important 和 background（非 background-color）的正确用法。
layui table 的 thead 样式不能靠配置项改，得用 CSS 覆盖
Layui 的 table.render() 不提供设置表头文字颜色或背景渐变的内置参数，所有视觉定制都得走 CSS。它的表头结构固定生成为 <thead><tr><th>...</th></tr></thead>，但会加上内联样式和 class（比如 layui-table-th），所以直接写 CSS 时得注意优先级和选择器精度。
常见错误是只写 th { color: red; }，结果无效——因为 Layui 的默认样式用了 !important 或更高权重的选择器（如 .layui-table thead th）。
- 必须用至少同级或更具体的选择器，比如
.layui-table thead th或.layui-table > thead > tr > th - 如果要覆盖带
!important的内联样式，CSS 里也得加!important（不推荐，但有时绕不开） - 渐变背景要用
background+linear-gradient，别只设background-color，否则渐变不生效
给表头文字加颜色：用 .layui-table thead th 精准命中
表头文字实际在 <th> 内的 <code><div class="layui-table-cell"> 里，但文字颜色继承自 <code>th，所以改 th 就够了。不需要动伪元素或子节点。
示例（把所有表头文字变白色）：
.layui-table thead th {
color: #fff !important;
}
- 不加
!important时，Layui 3.x 某些版本的默认color带!important，会导致失效 - 如果只想改某列，可以用
:nth-child(n)，比如第 2 列：.layui-table thead th:nth-child(2) - 避免用
!important的替代方案：提高选择器权重，例如加容器 ID：#myTable .layui-table thead th
给表头背景加渐变：必须用 background，不是 background-color
Layui 默认给 th 设了纯色背景（background-color），而渐变是 background 属性的值，它会完全覆盖 background-color。只写 background-color: linear-gradient(...) 是无效的。
正确写法（蓝到紫渐变）：
.layui-table thead th {
background: linear-gradient(135deg, #1890ff, #722ed1) !important;
color: #fff !important;
}
- 渐变方向用
135deg比to bottom right更稳，兼容性更好 - 如果表格有 hover 效果，记得同步改
.layui-table thead th:hover，否则悬停时渐变会退回到默认色 - 移动端小屏下，Layui 会把表头转成侧滑菜单，此时上述 CSS 不生效，需额外处理
@media查询
为什么改完没反应？先检查这三件事
样式不生效不是代码错，大概率是加载顺序、作用域或渲染时机问题。
- CSS 文件是否在 Layui 的
layui.css之后引入？顺序反了会被覆盖 - 是否在
table.render()之后才插入样式？动态渲染的表格，DOM 是后来生成的，样式得提前就位 - 浏览器开发者工具里看
th元素，computed 标签页中color和background是否被划掉？被划掉说明被更高优先级规则干掉了
最稳妥的做法：把自定义 CSS 放在 底部，紧挨着 layui.css 引入之后；或者用 <style></style> 标签内联写死，确保生效。
