# 树形报表

来源快照：`result_data_new_260518.json`

- 来源 ID：`1165070034397061465`
- 模块：低代码平台e-builder
- 目录：报表 - 报表示例
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

一、

# 背景说明

树形可根据字段上下级关系配置报表，通过分层级展示对应数据表示对应数据从属关系

二、

# 效果展示

搭建示例最终效果：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165071331465166962&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

三、

# 详细搭建说明

**数据准备：**

可在eb表单创建人员信息表数据，包含人员、以及人员上级字段即可，注意：1、人员和人员上级值需相等可匹配上值；2、最顶级的人员数据中的上级字段值不能为空

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165071327341232334&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 1、新建报表

在e-builder低代码平台【应用中心】->【应用后台管理】->【报表】tab下，创建报表

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165071327341232292&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 2、添加数据集

直接点击卡片或卡片右上角更多【编辑】，进入报表设计页面，添加数据源，即当前报表的数据来源

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165071331646791826&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 3、设置自定义内容

将需要显示的字段显示名及标题样式设置好，自定义文本内容左父格、上父格均为无，不扩展

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165071331465166874&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 4、添加字段

将左边的字段以拖拽的方式，添加在报表设计区域预留的单元格中

## 5、设置字段扩展方向以及父格

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165071331465167041&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

①C6左父格：无，上父格无，纵向扩展，显示方式：树形，从属关系：人员字段=上级字段（此处人员与上级字段均为浏览按钮，通过id值进行匹配）

②D6~G6字段左父格均为默认，上父格无

预览报表树形默认是收起的，需点击展开按钮查看下级数据内容，或设置树形默认全部展示。设置默认展开位置：报表设计器->页面->页面布局->数据展开->树形

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165071331555344457&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
