自由报表

1.1 应用场景

当数据表中包含多个字段，这些字段的数据都要显示在报表中，如果将所有数据显示在报表的一行上，看起来会很拥挤。这个时候就可以将报表做成自由报表，提高报表展示的美观度和可读性。

1.2 功能简介

自由报表的特点是数据库表中的一条记录不分布在同一行上，而是将数据散放在多行上，记录分块或者分页显示。

例如：将每个订单的数据在同一个表格块中进行多行展示，并对不同的订单所在的表格块进行纵向扩展。如下图所示：

2.1 数据准备

新建数据集 ds1，数据库查询对话框中写入 SQL 查询语句 SELECT * FROM 订单，提取「订单」表中所有数据。如下图所示：

2.2 报表设计

1）按照如下表格中的说明设计，对「订单统计表」进行样式设置：

给单元格添加黑色的外部底框的方法如下图所示：

注：不同的浏览器因为模式不同可能导致下边框显示效果不同。

      火狐浏览器、360，猎豹和搜狗等浏览器在兼容模式下预览正常。

      谷歌、360，猎豹，搜狗等浏览器在极速模式下预览时，「客户名称」字段下会出现下边框。

设计好的「订单统计表」样式，如下图所示：

2）将数据集中的相关数据列按照标题字段依次拖入到 B3，B4，B5，B6，B7，D4，D5，D7 单元格中，如下图所示：

3）分别选中 B4，D4，B7 单元格，右边属性面板选择「单元格元素>格式」，设置格式为「日期型 > yyyy-MM-dd」。如下图所示：

4）选中 D7 单元格，右边属性面板选择「单元格元素>格式」，设置单元格格式为「数字 > #0.00」，保留数值小数点后两位。如下图所示：

2.3 设置父子格

选中 A1，A3，A4~D7 单元格，右边属性面板选择「单元格属性>扩展」，扩展方向选择「纵向扩展」，左父格设置为 B3 单元格，如下图所示：

2.3 效果预览

2.3.1 PC 端

保存报表，点击分页预览，效果如本文 1.2 节所示。

2.3.2 移动端

App 与 HTML5 端效果相同，如下图所示：

移动端查看报表的方式请参见： 报表移动端预览

3.1 分页设置

在实际应用中若希望一个订单显示为一页，可选择第 7 行，选择「单元格属性>其他」，勾选「行后分页」即可，如下图所示：

3.2 效果预览

3.3.1 PC 端

保存报表，点击分页预览，效果如下图所示：

3.3.2 移动端

App 与 HTML5 端效果相同，如下图所示：

移动端查看报表的方式请参见： 报表移动端预览

已完成模板可参见：%FR_HOME%\webroot\WEB-INF\reportlets\demo\NewbieGuide\自由报表.cpt

点击下载模板：

自由报表.cpt