方式一：header-cell-style实现，也是最简单的

文档给的解说如下：

实现代码如下（建议方式，最简单的实现）

<el-table
  :header-cell-style="{backgroundColor: '#f2f2f2',color: '#333333'}">
</el-table>

实现效果

方式二：headerCellClassName实现

html部分代码

<el-table
    :header-cell-class-name="headerCellClassName">
</el-table>

js部分代码

function headerCellClassName({ row, column, rowIndex, columnIndex }) {
  if (rowIndex === 0) {
    return 'warning-row'
  }
}

css部分代码

<style lang="scss" scoped>
::v-deep .el-table .warning-row {
  background-color: pink;
  color: red;
}

实现分析，为什么要用样式穿透，什么是样式穿透看看笔者这篇文章：关于样式穿透，可以看到我们把这个样式写到表头th上去了，可以看下图，但是我们样式是写到模块里面的，scoped会限制它的作用，去掉scoped，或者使用一下样式穿透它就可以生效，去掉scoped可能会影响外部样式。

效果如下：

按照道理来说可以实现工作摸鱼时间有限，待笔者补充...

按照道理来说可以实现工作摸鱼时间有限，待笔者补充...