历史版本24 :行式报表 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 描述编辑

在线视频学习请查看:单元格扩展

行式报表即清单式明细表,是最常见也是最简单的报表样式。

行式报表对数据进行纵向扩展,将数据展示为一个列表式的表格。

2. 示例编辑

2.1 示例效果

Snag_dda2ccd.png

2.2 数据准备

新建数据集 ds1,数据库查询对话框中写入 SQL 查询语句SELECT * FROM 订单,取出「订单」表中所有数据。

1.png

2.3 报表设计

1)A1~G1 单元格写入表格标题信息,选中 A1~G1 单元格,右边属性面板选择单元格属性>样式,样式下拉框选择预定义样式,给标题设置一个Head类型的样式。

注:设置好 Head 类型的样式后,标题字体会自动居中,无需另外设置。

Snag_de101e2.png

2)将数据集中的相关数据列按照标题字段依次拖入到 A2~G2 单元格,选中 A2~G2 单元格,将字体居中。选中 A1~G2 单元格,给表格整体添加预定义样式默认的天蓝色内外框。

注:由于单元格扩展默认为纵向扩展,因此将数据集中数据列拖入单元格后默认是纵向扩展的,不需要再对单元格扩展属性进行设置。

Snag_dfac21c.png

3)选中 C2~D2 单元格,右边属性面板选择单元格属性>样式>文本。设置单元格格式为日期型 > yyyy-MM-dd,将日期设置为「年月日」的格式。

Snag_dff69f1.png

4)选中 F2 单元格,右边属性面板选择单元格属性>样式>文本。设置单元格格式为数字 > #0.00,保留数值小数点后两位。

Snag_e37aeba.png

3. 效果预览编辑

3.1 PC端

保存报表,分页预览查看报表。

Snag_dda2ccd.png

3.2 移动端

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

Screenshot_20190906_140630_com.finereact.v10.jpg

4. 已完成模板编辑

已完成模板可参见:%FR_HOME%\webroot\WEB-INF\reportlets\demo\Newbie Guide\行式报表.cpt

点击下载模板:行式报表.cpt