Element ui 丨修改el-table 表头的背景色、字号及文字颜色

在Element UI中，可以通过使用CSS覆盖默认的样式来修改el-table的表头背景色、字号及文字颜色。以下是一个实例代码：

<template>
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2016-05-02', name: '王小虎' },
        { date: '2016-05-04', name: '张小刚' },
        // 其他数据
      ]
    }
  }
}
</script>
 
<style>
/* 修改表头背景色 */
.el-table th {
  background-color: #A9A9A9;
}
 
/* 修改表头字号及文字颜色 */
.el-table th .cell {
  font-size: 16px;
  color: #333333;
}
</style>

在上述代码中，.el-table th 用于修改表头的背景色，.el-table th .cell 用于修改表头内文字的字号及颜色。你可以根据需要修改background-color、font-size和color属性的值。