# 页面组件：列表组件-数据折叠

来源快照：`result_data_new_260518.json`

- 来源 ID：`1967651150620370985`
- 模块：低代码平台e-builder
- 目录：专题学习 - 功能点专题 - 页面图表
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 1\. 场景说明

  


项目详细信息数量多，如果都展示在列表上，占了较多显示空间且不能显示项目重点关注信息，为了更加简洁的展示项目信息，通常会使用数据折叠的方式，简明扼要的展示项目重要信息，且将详细信息折叠在重要信息下方。

  


# 2\. 功能简介

  


列表式表格添加扩展显示区域子列表，其他数据列表内容直接展示。  


#   


# 3\. 操作说明

**  
**

1.配置一个列表样式为列表式的项目分部进度列表，点击显示字段进入字段配置页面。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709538513723416&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=1157709538684174356&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=1157709542775873546&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.扩展类型=当前表字段时，显示下图弹窗；

在当前弹窗中设置行显示字段，设置完成后在扩展显示模块仍然可以进行字段的调整。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709542970753058&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)

  


5.扩展类型=其他数据列表时，显示下图弹窗；

在当前弹窗中需添加配置数据源，数据过滤中条件类型支持变量字段，即源列表来源的表字段。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709542970753078&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)

  


6.在扩展显示区域配置好需要在子列表展示的字段。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709547137949715&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)

  


7.若配置显示方式=默认收缩，前台用户可展开，则在浏览展示页面点击小箭头即可查看子列表内容。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709547073667099&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)

  


8.此外还可以通过给列表打开自动滚动功能实现内容自动循环展示。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709551558008876&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=1157709555746603022&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)
