行式报表

编辑
  • 文档创建者:加菲喵
  • 浏览次数:50387次
  • 编辑次数:28次
  • 最近更新:Leo.Tsai 于 2019-09-17
  • 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\NewbieGuide\行式报表.cpt

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






    附件列表


    主题: 报表设计
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]