el-table表头背景色

在Element UI库的el-table组件中，如果你想设置表头的背景色，你可以通过CSS样式或者组件提供的API来实现。这里有两个常见的方式：

1. **通过CSS直接样式覆盖**：

   <el-table>
     <el-table-column prop="name" label="姓名"></el-table-column>
     <el-table-column :header-style="{ background-color: '#your_color_here' }">
       <template slot-scope="scope">{{ scope.row.age }}</template>
     </el-table-column>
   </el-table>

在这里，`:header-style`属性接受一个对象，其中包含你想设置的CSS样式。

2. **使用Vue自定义指令**：
如果你想要动态控制表头颜色，可以创建一个自定义指令并绑定到表头元素上：

   <template>
     <el-table>
       <el-table-column header-style v-bind:bg-color="tableHeaderColor"></el-table-column>
     </el-table>
   </template>

   <script>
   export default {
     data() {
       return { tableHeaderColor: '' };
     },
     // ...其他代码...
   }
   </script>

然后可以在数据变动时更新`tableHeaderColor`变量来改变背景颜色。