页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。


目录

概述

通过设置单元格的父格进行自由设计可以实现多种样式、复杂表样的自定义父格报表,提高报表展示的美观度和可读性。

示例效果

本示例基于WEB电子表格设计一个自定义父格报表,将每个盈利项目的数据在同一个表格块中进行多行展示,并对不同的“项目大类”所在的表格块进行纵向扩展。

Image Modified

操作步骤

1. 创建web电子表格

目录右键-新建web电子表格。

Image Modified

2. 设计静态表

在“WEB电子表格“编辑界面中,先按照如下样式在设计器中设计好静态表样:

Image Modified

该静态表表样的样式配置参考如下:

行高列宽标题区域对齐方式表格底色

行1:54px

行2:19px

其余行:30px

C列:150px

其它列:100px


标题文字:“客户盈利能力分析

标题颜色:黑色

中间对齐

深蓝色:#073763

浅灰色:#F3F3F3

更多详情请参见:样式设置 章节。

3. 拖拽相应字段

在右侧数据资源区中的数据模型”费用类型“中分别拖拽以下字段到对应单元格上,或者在单元格上填写指定函数表达式。

并设置对应的单元格格式和对齐方式,具体如下:

单元格字段名或表达式对齐方式
B4大类中间对齐




C4小类
D3细分项
D4指标
E4=SUM(D4)
D5=SUM(D4)
B2=NOW()

4. 设置字段扩展属性

设置字段“细分项”的扩展方向为“从左到右”,设置字段“指标”的数据设置为“汇总”;设置区域“B3:E3”和区域“B6:E6”的上父格为“B4”

详情可见 字段属性

5. 保存退出

单击工具区中的 保存 按钮,保存该web电子表格。

Image Modified

示例下载

客户盈利分析.xml

盈利数据.csv

将该资源导入环境后,访问数据模型“盈利数据”,资源导入位置为:“数据准备”模块>“公共空间”>"web电子表格功能示例">"盈利数据"。

进入该数据模型后,参考 导入资源-特殊场景 进行后续操作。