elementui表格头部高亮

element-ui的table组件提供了一个header-cell-class-name属性，可以用于设置表头单元格的类名，从而实现表头高亮的效果。具体实现方法如下：
1.在table组件中设置header-cell-class-name属性，值为一个函数，该函数接收一个参数column，表示当前表头单元格的列信息。
2.在该函数中，判断column.label是否包含需要高亮的关键字，如果包含，则返回一个自定义的类名，否则返回空字符串。
3.在样式中定义该自定义类名的样式，实现表头高亮的效果。

示例代码如下：

<template>
  <el-table :data="tableData" :header-cell-class-name="headerCellClassName">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, address: '北京市海淀区' },
        { name: '李四', age: 20, address: '上海市浦东新区' },
        { name: '王五', age: 22, address: '广州市天河区' }
      ],
      keyword: ''
    }
  },
  methods: {
    headerCellClassName(column) {
      if (column.label.includes(this.keyword)) {
        return 'highlight'
      } else {
        return ''
      }
    }
  }
}
</script>

<style>
.highlight {
  background-color: yellow;
}
</style>