elementui动态设置table表头颜色

要动态设置 ElementUI 表格的表头颜色，可以通过自定义表头的 slot-scope 属性和 CSS 样式来实现。

首先，在表格中的 el-table-column 标签中设置 scoped-slot 属性：

<el-table-column prop="name" label="姓名" width="100" scoped-slot="header">
  <template slot-scope="scope">
    <div class="custom-header">{{ scope.column.label }}</div>
  </template>
</el-table-column>

在上面的代码中，我们定义了一个自定义的表头 slot，将表头的 label 内容放在一个 div 容器中，并添加了一个自定义的 CSS 类名 custom-header。

接下来，我们可以在 CSS 样式中设置自定义的表头颜色：

.custom-header {
  color: #fff;
  background-color: #409EFF;
}

这里我们将表头文字设置为白色，背景色设置为 ElementUI 主题色中的深蓝色 #409EFF。

通过上述方式，我们就可以实现动态设置 ElementUI 表格表头的颜色了。