Table 表格 - 树形数据与展开行
Table 组件支持树形数据展示和展开行功能。
树形数据
通过 tree-config 配置树形数据，设置列的 treeNode: true 指定哪列显示展开图标。
日期 | 部门名称 | 地址 |
|---|
2024-01-01 | 一级部门A | 北京市总部 |
2024-01-06 | 一级部门B | 上海市总部 |
树形数据
默认展开所有
设置 tree-config.expandAll 为 true 默认展开所有节点。
日期 | 部门名称 | 地址 |
|---|
2024-01-01 | 一级部门A | 北京市总部 |
2024-01-02 | 二级部门A-1 | 北京市朝阳区 |
2024-01-03 | 二级部门A-2 | 北京市海淀区 |
2024-01-04 | 三级部门A-2-1 | 中关村 |
2024-01-06 | 一级部门B | 上海市总部 |
2024-01-07 | 二级部门B-1 | 上海市浦东新区 |
默认展开所有
展开行
通过 expand-config 和 expand 插槽实现展开行功能。
日期 | 姓名 | 地址 |
|---|
2024-01-01 | 张三 | 北京市朝阳区 | |
2024-01-02 | 李四 | 上海市浦东新区 |
展开行
可选择的树形数据
树形数据可以与选择功能结合使用。
日期 | 部门名称 | 地址 |
|---|
2024-01-01 | 一级部门A | 北京市总部 | |
2024-01-02 | 二级部门A-1 | 北京市朝阳区 | |
2024-01-03 | 二级部门A-2 | 北京市海淀区 | |
2024-01-04 | 三级部门A-2-1 | 中关村 | |
2024-01-06 | 一级部门B | 上海市总部 | |
2024-01-07 | 二级部门B-1 | 上海市浦东新区 |
已选择: 无
可选择的树形数据