表格hover颜色是哪个类

在 Element UI 的表格 (`el-table`) 中，如果你想改变鼠标悬停时表头单元格的颜色，你需要操作的是 `row-class-name` 或者 `cell-class-name` 这两个属性。这两个属性允许你为每一行或每一单元格应用自定义 CSS 类，包括 hover 状态下的样式。

例如，你可以创建一个名为 `.el-table__header-cell:hover` 的 CSS 类，然后在 `header-cell-style` 或 `cell-class-name` 中添加条件判断来激活这个类：

<style>
.el-table__header-cell:hover {
  background-color: #your-hover-color;
}
</style>

<el-table :header-cell-style="customHeaderCellClass" :cell-class-name="customCellClass">
  <!-- 表头配置... -->
</el-table>

methods: {
  customHeaderCellClass ({ row, column, rowIndex, columnIndex }) {
    if (rowIndex === hoveredRowIndex && columnIndex === hoveredColumnIndex) {
      return 'yourHoverClassName'; // 当鼠标悬浮时应用此类
    }
  },
  customCellClass ({ row, rowIndex, columnIndex }) {
    // 同理，这里处理单元格的 hover 风格
  }
}

这里的 `hoveredRowIndex` 和 `hoveredColumnIndex` 可能需要你在其他地方跟踪并传递给方法，以便于在正确的单元格上触发 hover 效果。