修改el-table表头样式

要修改el-table表头样式，可以使用以下方法：

1. 使用scoped样式来修改表头样式：

<template>
  <el-table :data="tableData">
    <el-table-column prop="date" label="日期"></el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<style scoped>
.el-table__header {
  background-color: #f5f5f5;
  color: #333;
  font-weight: bold;
}
</style>

在上面的代码中，我们使用了scoped样式来修改表头的背景颜色、文本颜色和字体加粗。

2. 使用全局样式来修改表头样式：

<template>
  <el-table :data="tableData">
    <el-table-column prop="date" label="日期"></el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<style>
.el-table__header {
  background-color: #f5f5f5;
  color: #333;
  font-weight: bold;
}
</style>

在这个例子中，我们没有使用scoped样式，所以样式是全局的。这意味着，所有的el-table表头都将具有相同的样式。

无论使用哪种方法，您都可以根据需要修改表头的样式。