ElementUI表格隐藏表头：show-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` 来显示表头内容。 示例代码如下： ```html <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` 来显示表头内容，并添加了自定义内容“- 自定义表头”。最终表头的内容将是“姓名 - 自定义表头”和“年龄”。