elementui自定义表头内容header

要自定义 ElementUI 表格的表头内容，可以使用 `scoped slot`，具体步骤如下：

1. 在表格组件中添加 `slot-scope` 属性，指定作用域插槽的参数名称，例如 `slot-scope="{ column }"`。

2. 在 `<el-table-column>` 标签中添加 `slot-header` 属性，并指定要调用的自定义模板的名称，例如 `slot-header="header"`。

3. 添加自定义模板，即在 `<template>` 标签中添加一个 `name` 属性为 `header` 的模板，并在模板中使用 `column.label` 来显示表头内容。

示例代码如下：

<el-table :data="tableData" slot-scope="{ column }">
  <el-table-column
    prop="name"
    label="姓名"
    width="180"
    sortable
    :sort-method="sortByName"
    :resizable="false"
    :show-overflow-tooltip="true"
    slot-header="header"
  ></el-table-column>
  <el-table-column
    prop="age"
    label="年龄"
    width="180"
    sortable
    :sort-method="sortByAge"
    :resizable="false"
    :show-overflow-tooltip="true"
  ></el-table-column>
  <template slot="header" slot-scope="{ column }">
    <span>{{ column.label }} - 自定义表头</span>
  </template>
</el-table>

在上面的示例中，我们在 `<el-table>` 标签中使用了 `slot-scope="{ column }"`，并在 `<el-table-column>` 标签中使用了 `slot-header="header"`。然后我们在 `<template>` 标签中添加了一个 `name` 为 `header` 的模板，并使用 `column.label` 来显示表头内容，并添加了自定义内容“- 自定义表头”。最终表头的内容将是“姓名 - 自定义表头”和“年龄”。