layui 数据表格 表头颜色

你可以使用自定义样式来更改 layui 数据表格表头的颜色。以下是一个例子：

<!-- 引入 layui 样式文件 -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/layui@2.6.8/dist/layui.css">

<!-- 自定义样式 -->
<style>
  /* 更改表头背景色 */
  .layui-table thead tr {
    background-color: #009688;
    color: #fff;
  }
</style>

<!-- layui 数据表格代码 -->
<table class="layui-table">
  <thead>
    <tr>
      <th>姓名</th>
      <th>性别</th>
      <th>年龄</th>
      <th>城市</th>
    </tr> 
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>男</td>
      <td>18</td>
      <td>北京</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>女</td>
      <td>20</td>
      <td>上海</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>男</td>
      <td>22</td>
      <td>广州</td>
    </tr>
  </tbody>
</table>

<!-- 引入 layui JS 文件 -->
<script src="//cdn.jsdelivr.net/npm/layui@2.6.8/dist/layui.all.js"></script>

在上面的例子中，我们使用 `.layui-table thead tr` 选择器来选中表格的表头行，并设置了背景色为深绿色，字体颜色为白色。你可以根据需要更改这些属性来自定义你的表头样式。