avue 嵌套表格不同表头怎么实现
时间: 2023-03-25 20:00:27 浏览: 221
Element实现表格嵌套、多个表格共用一个表头的方法
在 AVUE 嵌套表格中,可以通过使用 scoped slot 来实现不同表头的功能。具体步骤如下:
1. 在父表格中,使用 scoped slot 来定义子表格的表头。例如:
```
<template slot="sub-table-header" slot-scope="{columns}">
<el-table-column v-for="column in columns" :key="column.prop" :label="column.label" :prop="column.prop"></el-table-column>
</template>
```
2. 在子表格中,使用 props 属性来接收父表格传递的表头信息。例如:
```
<avue-table :data="subTableData" :columns="columns" :props="{header: 'sub-table-header'}"></avue-table>
```
其中,props 属性中的 header 值即为父表格中定义的 scoped slot 名称。
通过以上步骤,就可以实现 AVUE 嵌套表格中不同表头的功能了。
阅读全文