行式报表简介

  • Last update:  2021-12-31
  • 1. 概述

    1.1 版本

    报表服务器版本
    11.0

    1.2 功能简介

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

    行式报表对数据进行纵向扩展,将数据展示为一个列表式的表格,如下图所示:

    Snag_dda2ccd.png

    2. 示例

    2.1 数据准备

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

    1.png

    2.2 报表设计

    1)报表主题选择「兼容主题」,如下图所示:

    1.png

    1)A1~G1 单元格写入表格标题信息,选中 A1~G1 单元格,右边属性面板选择「单元格属性>样式」,样式设置选择「跟随主题」,给标题设置一个 Head 类型的样式。如下图所示:

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

    2.png

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

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

    1.png

    3)选中 C2、D2 单元格,右边属性面板选择「单元格元素>高级」。设置单元格格式为「日期型 > yyyy-MM-dd」,将日期设置为「年月日」的格式。如下图所示:

    2.png

    1.png

    4)选中 F2 单元格,右边属性面板选择「单元格元素>高级」,设置单元格格式为「数字 > #0.00」设置单元格格式为数字 > #0.00,保留数值小数点后两位。如下图所示:

    3.png

    2.3 效果预览

    2.3.1 PC端

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

    Snag_dda2ccd.png

    2.3.2 移动端

    App 与 HTML5 端效果相同,如下图所示:

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

    Screenshot_20190906_140630_com.finereact.v10.jpg

    2.4 已完成模板

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

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

    3. 典型示例索引

    在行式报表中常用的相关报表设置请查看下表:

    小节内容简介文档链接
    条件属性给报表的属性添加条件,当满足该条件时,对属性的属性值进行修改,从而达到改变报表样式的目的。单元格添加预警,间隔背景色
    数据过滤从大量的数据当中,获取到符合条件的数据筛选数据-过滤
    数据排序报表展示时,有些数据排序后显示更有层次行式报表排序
    结果集筛选通过设置数据列的高属性中的结果集筛选来让其只显示 N 个数据结果集筛选



    Attachment List


    Theme: 报表应用
    Already the First
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy