# 分栏报表

来源快照：`result_data_new_260518.json`

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

## 正文

一、

# 背景说明

分栏报表可通过多列并排的紧凑布局，在有限页面空间内，高效展示大量同类型结构化数据，同时保持数据的可读性和可比性。

二、

# 效果展示

场景一：横向分栏报表

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165074003094208589&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=1165073998690189349&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=1165074002988417215&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=1165073994348150824&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=1165073994348150797&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=1165073990254510213&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=1165073998685061164&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=1165074003057729566&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=1165074011611906155&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、设置字段扩展方向以及父格

以横向分栏报表配置为例：

B4~J4单元格：左父格：默认、上父格：无、扩展方向：纵向、显示方式：排列

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165074015934242824&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=1165073994348150855&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、适用报表：

数据纵向扩展的报表

2、分栏配置项说明：

①复制标题或表头：

指定标题和表头行后，标题和表头会被复制到每个分栏区域。支持输入多个连续行。

②触发分栏行数：

设置指定行数后，默认从指定行数开始分栏，每到这个行数就分栏。

3、详细配置步骤：

4、单元格配置：

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

B2~J3表头区域单元格：左父格：无、上父格：无、扩展方向：不扩展。

B4~J4单元格：左父格：默认、上父格：无、扩展方向：纵向、显示方式：排列。

5、分栏配置：

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

触发分栏行数：2

四、

效果展示：

报表纵向扩展数据只要超过2行，则自动触发分栏，且表头两行固定显示在每个分栏区域。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165073990189604986&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、适用报表：

数据横向扩展的报表

2、分栏配置项说明：

①复制标题或表头：

指定表头列后，表头会随着分栏报表复制。支持输入多个连续列。

②触发分栏列数：

设置指定列数后，默认从指定列数开始分栏，每到这个列数就分栏。

3、详细配置步骤：

4、单元格配置：

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

F3单元格：左父格：无、上父格：无、扩展方向：横向、显示方式：分组>按年月

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

F4/G4/H4单元格：左父格：无、上父格：自定义F3、扩展方向：不扩展

B3/C3/D3/E3单元格：左父格：无、上父格：无、扩展方向：不扩展

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

F5/G5/H5单元格：左父格：自定义E5、上父格：自定义F3、扩展方向：纵向-汇总求和

B5//C5/D5/E5单元格：左父格：默认值、上父格：无、扩展方向：纵向、显示方式：分组

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

F6/G6/H6单元格：左父格：自定义B5，上父格：自定义F3、扩展方向：横向

B6单元格：左父格：自定义B5，上父格：无、扩展方向：纵向

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

F7/G7/H7单元格：左父格：自定义B7，上父格：自定义F3、扩展方向：横向

B7单元格：左父格：无，上父格：无、扩展方向：不扩展

 

5、分栏配置：

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

分栏方式：按行/列数分栏

展示模式：纵向分栏

复制标题或表头：B-E

触发分栏行数：3

6、效果展示：

报表横向扩展数据只要超过3行，则自动触发分栏，且表头3列固定显示在每个分栏区域。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165073998855036942&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、适用报表：

数据纵向扩展的报表

2、分栏配置项说明：

①复制标题或表头：

指定标题和表头行后，标题和表头会被复制到每个分栏区域。支持输入多个连续行。

②栏数：

将报表整体分栏，垂直分为设置数量的分栏；

3、详细配置步骤：

4、单元格配置：

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

B2~J3表头区域单元格：左父格：无、上父格：无、扩展方向：不扩展。

B4~J4单元格：左父格：默认、上父格：无、扩展方向：纵向、显示方式：排列。

 

5、分栏配置：

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

栏数：2

6、效果展示：

将整体纵向扩展数据的报表，垂直平均划分为2栏，且表头两行固定显示在每个分栏区域。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165074015898484755&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、适用报表：

数据横向扩展的报表

2、分栏配置项说明：

①复制标题或表头：

指定表头列后，表头会随着分栏报表复制。支持输入多个连续列。

②栏数：

将报表整体分栏，水平分为设置数量的分栏；

3、详细配置步骤：

4、单元格配置：

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

F3单元格：左父格：无、上父格：无、扩展方向：横向、显示方式：分组>按年月

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

F4/G4/H4单元格：左父格：无、上父格：自定义F3、扩展方向：不扩展

B3/C3/D3/E3单元格：左父格：无、上父格：无、扩展方向：不扩展

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

F5/G5/H5单元格：左父格：自定义E5、上父格：自定义F3、扩展方向：纵向-汇总求和

B5//C5/D5/E5单元格：左父格：默认值、上父格：无、扩展方向：纵向、显示方式：分组

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

F6/G6/H6单元格：左父格：自定义B5，上父格：自定义F3、扩展方向：横向

B6单元格：左父格：自定义B5，上父格：无、扩展方向：纵向

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

F7/G7/H7单元格：左父格：自定义B7，上父格：自定义F3、扩展方向：横向

B7单元格：左父格：无，上父格：无、扩展方向：不扩展

 

5、分栏配置：

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

分栏方式：按栏数分栏

展示模式：水平分栏

复制标题或表头：B-E

触发分栏行数：3

6、效果展示：

将整体横向扩展数据的报表，水平平均划分为3栏，且表头B~E这4列都固定显示在每个分栏区域。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1165074011606548584&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、适用报表：

目前仅支持对整体扩展方向为纵向的报表，默认按照垂直方向分栏

2、分栏配置项说明：

①栏数：

将报表整体分栏，垂直分为设置数量的分栏；

②复制单元：

当前整体扩展区域的首尾单元格；

**※根据整体扩展单元的方向，自动确定水平分栏或垂直分栏：**

**①当前报表已设置了整体扩展单元，默认将扩展单元读取过来填到这里**

**②当前报表未设置整体扩展单元，此功能不生效**

**③"复制单元"必须设置有数据的单元格，不允许设置空白单元格**

3、详细配置步骤：

4、单元格配置：

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

E3单元格：作为整个报表的左父格单元格，扩展方向：纵向，显示方式：排列

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

除E3单元格外的所有单元格：左父格都设置为E3，扩展方向均为"不扩展"

**※说明：**

**按上图所示配置可见，当前报表的公共父格为E3，整体扩展单元为 B2:E9**

5、分栏配置：

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

分栏方式：按栏数分栏

展示模式：卡片分栏

栏数：10

复制单元：B2:E9

6、效果展示：

将整体数据纵向扩展的报表，垂直分为10栏，且每个分栏区域都按照设定的"整体扩展单元"展示。

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