vxe-table header-class-name的使用

vxe-table的header-class-name属性用于设置表头单元格的类名，可以通过该属性来修改表头单元格的样式。下面是一个使用header-class-name属性的例子：

<vxe-table :data="list" ref="xTable" class="mytable" :header-class-name="headerClassName">
  <vxe-table-column type="seq" width="60"></vxe-table-column>
  <vxe-table-column field="name" title="Name"></vxe-table-column>
  <vxe-table-column field="age" title="Age"></vxe-table-column>
  <vxe-table-column field="address" title="Address"></vxe-table-column>
</vxe-table>

methods: {
  headerClassName({ column }) {
    if (column.property === 'name') {
      return 'header-red';
    }
    return '';
  }
}

在上面的例子中，我们定义了一个headerClassName方法，该方法接收一个参数column，该参数包含了当前表头单元格的信息。我们可以通过判断column.property的值来决定是否返回一个类名，如果返回的类名不为空，则该类名会被添加到表头单元格的class属性中。