最新历史版本 :决策报表设置报表块分栏 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
11.0

1.2 应用场景

在决策报表中,使用报表块实现表格分栏效果。如下图所示:

Snag_2917c9ac.png

1.3 功能简介

在决策报表中,双击报表块进入报表块编辑界面后,界面与普通报表基本一致,可通过编辑界面上方工具栏中的「分栏」按钮设置表格分栏效果。如下图所示:

Snag_291ea440.png

2. 示例编辑

2.1 新建决策报表

点击设计器左上角「文件>新建决策报表」,然后将报表块拖入 body 中。如下图所示:

Snag_2925a893.png


在模板「PC端自适应属性」中将字体自适应修改为「不自适应」。如下图所示:

Snag_2939dffe.png

2.2 准备数据

新建数据库查询 ds1,SQL 语句为:SELECT * FROM 销量

Snag_29296f30.png

2.3 设计报表

2.3.1 编辑表格

双击报表块,进入编辑界面。

1)输入表头,将数据分别拖入对应的单元格。

2)为单元格设置格式,本例模板主题选择「兼容主题」,单元格样式分别选择「跟随主题」中的表头和正文样式即可。如下图所示:

Snag_29344ec2.png

3)为了本例实现较好的分栏效果,我们选中 A2 单元格,设置其「单元格元素>基本>数据设置」为「列表」。如下图所示:

Snag_29884d62.png

2.3.2 设置分栏

点击报表编辑界面上方工具栏中的「分栏」按钮,弹出报表分栏设置框,首先点击「开启」,再设置分栏样式。

1)选择行分栏且超过 23 行分栏,则超过 23 行之后的表格数据实现分栏。

2)分栏数据为 A2:E2 ,即数据所在行。

3)复制行序列为 1,即第一行表头所在行在分栏时会被复制。

4)勾选补充空白行。

Snag_293dfe02.png

完成设置后,点击左下角「表单」回到 body 界面。

2.4 预览效果

2.4.1 PC 端

保存模板,选择「PC 端预览」,预览效果如 1. 1 节应用场景中所示。

2.4.2 移动端

App 端和 HTML5 端均支持,效果如下图所示:

Snag_2946a46c.png

3. 下载模板编辑

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\决策报表实现报表块分栏.frm

点击下载模板:决策报表实现报表块分栏.frm