elementui表格头部设置

Element UI 的表格（el-table）提供了丰富的头部定制功能。你可以通过配置列头的对象来设置表头的内容、样式以及交互。以下是一些基本的设置方法：

1. **数据绑定**：`{label}` 属性用于显示列标题文本，通常是从数据源中获取的数据字段名。

<el-table-column label="姓名" prop="name"></el-table-column>

2. **属性定制**：`{formatter}` 可以自定义单元格的显示内容，甚至可以返回 HTML。

<el-table-column label="操作" prop="action" formatter="customFormatter"></el-table-column>

其中 `customFormatter(row, column) { ... }` 会在渲染时调用。

3. **排序与过滤**：`sortable` 和 `filters` 分别用于设置列是否允许排序和提供筛选选项。

<el-table-column label="年龄" prop="age" sortable filters></el-table-column>

4. **样式控制**：可以使用 CSS 或者 Vue 的 scoped slot 来改变列头的样式。

5. **组件化**：如果你想添加更复杂的元素，比如下拉菜单，可以使用 scoped slot，如 `<template slot-scope="scope">{{ scope.column.renderHeader }}</template>`。