el-table自定义表头

要自定义 el-table 的表头，你可以使用 el-table 的 slot 属性来添加自定义内容。具体步骤如下：

1. 在 el-table 的模板中添加一个 slot="header" 的元素，表示表头的自定义部分。
2. 在 slot="header" 的元素中添加自定义的表头内容，可以是 HTML 元素或组件。
3. 如果需要在自定义表头中使用 el-table-column 的属性，可以使用 v-bind="$attrs" 来继承父级组件的属性。

以下是一个示例代码：

<template>
  <el-table :data="tableData">
    <template slot="header">
      <el-table-column label="姓名">
        <template slot="header">
          <span>自定义表头1</span>
        </template>
      </el-table-column>
      <el-table-column label="年龄">
        <template slot="header">
          <span>自定义表头2</span>
        </template>
      </el-table-column>
      <el-table-column label="操作">
        <template slot="header">
          <span>自定义表头3</span>
        </template>
      </el-table-column>
    </template>
    <el-table-column prop="name"></el-table-column>
    <el-table-column prop="age"></el-table-column>
    <el-table-column>
      <template slot-scope="scope">
        <el-button @click="handleEdit(scope.row)">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

在上面的例子中，我们在 el-table 中添加了一个 slot="header" 的元素，并在其中添加了三个 el-table-column 组件，用于自定义表头的内容。在每个 el-table-column 中都添加了一个 slot="header" 的元素，用于自定义该列的表头内容。最后，我们在 el-table 中添加了三个 el-table-column 组件，分别对应姓名、年龄和操作三列的数据。