element 表格组件封装

对于 Element UI 表格组件的封装，你可以按照以下步骤进行操作：

1. 创建一个自定义的表格组件。
- 在你的项目中，创建一个新的 Vue 组件文件，命名为`CustomTable.vue`。
- 在该文件中，引入 Element UI 的表格组件：`import { ElTable, ElTableColumn } from 'element-ui'`。
- 在模板中使用 `ElTable` 和 `ElTableColumn` 组件来构建表格的结构。

2. 定义表格的数据源和列配置。
- 在组件的 `data` 中定义表格的数据源，例如：`tableData: []`。
- 定义表格的列配置，例如：`columns: [{ prop: 'name', label: '姓名' }, { prop: 'age', label: '年龄' }]`。

3. 使用 `ElTable` 和 `ElTableColumn` 组件渲染表格。
- 在模板中使用 `ElTable` 组件来渲染表格，并绑定数据源和列配置：`<el-table :data="tableData" :columns="columns"></el-table>`。
- 使用 `v-for` 指令遍历列配置，使用 `ElTableColumn` 组件渲染每一列。

4. 在父组件中使用自定义的表格组件。
- 在父组件中引入和注册自定义的表格组件：`import CustomTable from './CustomTable.vue'`。
- 在模板中使用 `<custom-table></custom-table>` 标签来使用自定义的表格组件。

这样，你就可以封装一个基于 Element UI 表格组件的自定义表格组件。你可以根据自己的需求，进一步扩展和定制该表格组件，例如添加分页、排序、筛选等功能。