# 报表数据的折叠/展开

来源快照：`result_data_new_260518.json`

- 来源 ID：`1972403197666458806`
- 模块：低代码平台e-builder
- 目录：专题学习 - 场景专题 - 报表专题
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

**1.  ****编写目的  **

在报表中，我们可以将数据按照不同类别折叠/展开显示，让用户更加清晰直观的看到某一分组下的数据。例如在服装的库存管理中，利用下拉框字段将库存分为“成品、样品、残次品、物料”四种类型，在报表中，用户按照这四个分类，能够随意的折叠/展开某一分类下的信息，展示效果如下：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705986744279105&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.  ****思路分析**  

对于上述场景，我们可以利用报表中字段单元格的【父格设置】以及【隐藏内容】实现。首先进行父格设置，使数据依据某个字段进行划分归类，之后为该字段开启“隐藏内容”，最后再为报表设置合适的样式，即可实现此效果。

** **

**3.  ****操作说明**  

**3.1****新建报表，添加数据集**

如下图所示，新建报表，添加数据集，本场景中我们需要将eb表单库存信息表的护具进行展示：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705990821142555&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.2****进行报表的搭建**

首先我们需要将要展示的字段信息以及自定义文本放在报表的对应位置，此时需要注意，我们是以“物品类型”这个字段对库存物品进行划分，因此整体放置位置如下图所示：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705990862348321&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)

之后我们对字段的单元格属性进行设置，首先是 “物品类型”字段C5，设置左父格、上父格为无；之后对C6、C7字段，设置左父格为自定义“C5”,上父格为无；其他的字段不用改变，保持左父格默认值，上父格为无即可：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705995165704205&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)

然后将“物品类型”字段C5，隐藏内容选择“是”：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705995320262685&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)

最后设置一下单元格高度、宽度、字体颜色等样式，即可实现该效果：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705995165704234&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.3****扩展内容：多个数据集在同一报表中实现此效果**

在上述场景中，我们讲解的是利用一个数据源中“物品类型”这个下拉框字段的不同，从而做到折叠/展开的效果。那么对于多个数据源，如何做到这样的效果呢？例如现在有两个表单：供应商信息表、客户信息表，现在希望展示在同一个报表中，并且可以折叠/展开。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705999570460687&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)

首先第一步同样添加数据集，并且将字段放入报表合适的位置中，此时不是按照某个类型字段进行分类，因此可以将“数据id”字段作为折叠展开的标志：

**![](https://weapp.eteams.cn/papi/file/preview?fileId=1157705999393562650&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)**

之后将两个数据id字段的显示方式改为汇总，汇总方式为计数，加上前后缀，隐藏内容改为“是”：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706003940925454&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.2中的设置是不同的，我们需要借助一个辅助字段来设置单元格。在B列我们添加一个自定义文本，之后隐藏这一列：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706003926974498&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)  
然后将C4-C6、C9-C11这六个单元格的左父格，统一设置为刚才自定义文本所在的位置：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706008184823820&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)

最后调整一下单元格的样式，即可实现多个数据集在同一报表中，也能折叠/展开的效果：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706008118452251&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)
