• 报表设计技巧-使用表格实现多行自由布局报表


    (一)背景介绍
    在进行报表设计时,单行结构的报表比较常见,比如下面的订单列表报表,他就是将原始数据中的一行,对应的显示到报表中的一行,如下图所示:


    而除了这种一行对应一行的报表结构之外,有的时候我们也需要将原始数据中的一行,显示为多行结构,如下图所示:


    要实现这种一行对应多行的报表格式,在Wyn Enterprise的报表中可以通过表格、列表等多种方式来实现,
    这篇文章先介绍表格中多行布局报表的实现方法,而使用的主要功能就是表格的每个区域支持多行的能力。

    (二)实现方法
    第1步:新建RDL报表,并添加数据集
    新建一个空白的RDL报表,然后选择共享数据集【销售明细_报表】


    第2步:添加表格组件,在明细区域插入多行
    从工具箱中,点击表格组件(或者直接拖拽),添加到报表设计界面。
    你会发现表格有三行,其中中间行是明细区域,我们要实现多行布局的报表,主要是在明细区域内插入多行的方法来实现
     
    同样的方法,在明细区域单击鼠标右键,并插入更多的列。最后得到一个以下样式的表格。


    第3步:在表格明细行中绑定数据字段
    在明细行中添加多行之后,我们就可以在单元格中绑定所需要的数据字段了。
    得到下图所示的报表设计界面,其中红框单元格绑定了数据集字段,其他单元格的数据是直接输入的。


    第4步:预览报表
    点击设计器顶部的预览按钮,我们可以测试报表的实际运行效果,如下图所示:


    从实际运行结果,我们看到,原始数据中的一行记录,在报表中显示成了两行,基本达到我们期望的结果。


    第5步:调整报表外观
    因为这是一个多行布局的表格,其实表格本身的表头行和表尾行没有实际意义,我们可以直接将其删除。
    【订购日期】字段单元格换行显示了,我们可以将其后面的两个单元格一起合并。

       
    同时,我们可以将所有绑定字段的单元格设置为左对齐,所有直接输入文本的单元格设置为右对齐。
    提示:可以安装 Ctrl 键,然后通过鼠标选择多个非连续的单元格。


    调整之后,再次点击报表预览按钮,得到最后的报表效果如下:


    (三)重要提示

    实现多行布局报表最核心的是,理解报表每个区域(表头、明细、表格、分组头、分组尾),都可以插入多行/多列,在此基础上可以变幻实现更多类型的报表。


    好了,今天的产品使用技巧分享就是这些,希望你已经 get 这个技能 

  • 相关阅读:
    babel缓存 非常实用(8)
    source-map 非常实用(7)
    webpack -HMR-非常实用(6)
    eslint 语法检查(5)
    对css 的处理(4)
    python之再学习----简单的字符串
    windows下安装django的具体步骤和各种问题
    Linux常用命令
    转:程序中得到SVN的版本号
    vue实战(1):准备与资料整理
  • 原文地址:https://www.cnblogs.com/edoo/p/13819584.html
Copyright © 2020-2023  润新知