通过elementui的el-table实现table嵌套展示
expand-row-keys: 可以控制行的展开和关闭,也可以控制只能有一行进行展开。type="expand" :表示如果有子table时可以展开。@expand-change:是表格行的切换事件,具体方法如下。:data="props"是用来父子table传参的。在子页面里需要定义参数data。在子表格里使用参数data。
·
- el-table属性:
:expand-row-keys: 可以控制行的展开和关闭,也可以控制只能有一行进行展开
@expand-change:是表格行的切换事件,具体方法如下
- el-table-column属性:
type="expand" :表示如果有子table时可以展开
:data="props"是用来父子table传参的
- 注册子表格
在子页面里需要定义参数data
在子表格里使用参数data
最终展示的效果:
更多推荐
已为社区贡献1条内容
所有评论(0)