elementUI的el-table的树形结构

最新推荐文章于 2024-05-08 16:42:58 发布

湛海不过深蓝

最新推荐文章于 2024-05-08 16:42:58 发布

阅读量4.7k

点赞数 1

文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/bbt953/article/details/123112869

版权

如果表格数据有嵌套关系，就要以树形结构展示，el-table的tree-props属性就是渲染嵌套数据的配置选项

// 要想树形结构出来，必须指定row-key  绑定每行数据的唯一值变量，一般是id
// children字段是只嵌套的子数据，hasChildren字段是指定哪些行包含子节点，这两个字段不能同时存在，否则树形结构就不会显示
<el-table
 :tree-props="{children: '嵌套的子数据的字段'}"
 row-key="id"
>

湛海不过深蓝

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
elementUI的el-table的树形结构

如果表格数据有嵌套关系，就要以树形结构展示，el-table的tree-props属性就是渲染嵌套数据的配置选项// 要想树形结构出来，必须指定row-key 绑定每行数据的唯一值变量，一般是id// children字段是只嵌套的子数据，hasChildren字段是指定哪些行包含子节点，这两个字段不能同时存在，否则树形结构就不会显示<el-table :tree-props="{children: '嵌套的子数据的字段'}" row-key="id">...
复制链接

扫一扫