Finreport卡片分栏(Finreport)

本文已参与「新人创作礼」活动, 一起开启掘金创作之路

1、Introduction

今天梳理一下行分栏和列分栏方面的知识 弄弄明白 在finreport中分栏都是基于行分栏和列分栏 然后基于行分栏和列分栏 由于样式的不同还会有卡片分栏、组分栏、结果集筛选分栏

注:分栏只适用于分页预览

finreport_分栏.jpg

image.png 行分栏样式如下图

行分栏.png

列分栏样式如下图 列分栏.png 卡片分栏样式如下图 卡片分栏.png 组分栏样式如下图 组分栏.png 结果集筛选分栏

使用数据集筛选功能进行分栏,但是这个不是真正意义上的分栏,实际上是让数据在指定位置进行展示,只是让前端看上去有分栏的效果。这个方法的好处就是不会跟行冻结产生冲突。

image.png

废话不多说 let's go!

2、Rows

报表要素:

数据准备(数据清洗、转换、装载)

报表设计(样式、字体、背景色)

使用公式 SEQ() 生成序号,但是这个公式所在单元格必须要设置父格才能生效。


新建数据集ds1:SELECT * FROM 人员变动表

单元格 设置
A1~E1 合并 A1~E1 单元格,输入文本:各分公司员工劳动关系详表。
A2~E2 A2~E2 单元格分别输入文本:分公司名称、序号、员工姓名、劳动关系、学历;格式选择「跟随主题> Head」,不扩展。
A3、C3~E3 分别拖入对应的数据列,纵向扩展。 其他设置自动调整列宽
B3 左父格为 C3,插入公式:seq(),作用是对 C3 列进行顺序编号

image.png

1)分栏样式:“行分栏”;

2)超过 X 行分栏:每栏最多 X 行数据,超过行数的数据分到下一栏,本示例为每栏 20 行数据;

3)分栏成 X 列:根据数据总行数(不含表头)N 确定,每栏行数=总行数 N / 列数 X,该选项在只要求分成固定栏数时使用,本示例不使用;

4)分栏区域:根据示例设计的模板,需要分栏的“分栏数据”为“A3:E3”;行表头需要在分栏后重复,行表头所在行序号为 2,所以“复制行序列”为“2”。如下图:

5)补充空白行:当最后一栏数据不足 20 行时,如果需要将不足的添补为空白行,则勾选此项;如果不需要添补,则此项不勾选。

6)设置分栏之后 如果页面中没有显示 需要考虑页面大小是否充足 就需要调整需要分页线的位置

image.png

自定义格子的宽度高度即可 这个需要调试的 宽270 高297

image.png image.png

image.png

3、Columns

新建数据集ds1:SELECT * FROM 公司股票

单元格 设置
A1、B1 合并 A1、B1 单元格,输入文本:某公司2~4月份股票行情。
A2~A8 分别输入文本:序号、日期、成交量、开盘量、盘高量、盘低量、收盘量;不扩展。
B2 设置上父格为 B3,左父格默认,插入公式:seq(),作用是对 B3 进行列顺序编号。
B3~B8 分别拖入对应的数据列,横向扩展。

image.png

image.png 完成上述设置后报表仅展示为8行,下面可以设置列分栏,将下一页数据分栏到下方。这里我们设置每一栏显示 8 行列数据(不包括表头)。

在菜单栏中,选择「模板>报表分栏」,选择「开启」分栏:

1)分栏样式:“列分栏”;

2)超过 X 列分栏:每栏最多 X 列数据,超过列数的数据分到下一栏,本示例为每栏8列数据;

3)分栏成 X 行:根据数据总列数(不含表头)N确定,每栏列数=总行数 N / 行数 X,该选项在只要求分成固定栏数时使用,本示例不使用;

4)分栏区域:根据示例设计的模板,需要分栏的“分栏数据”为“B2:B8”;行表头需要在分栏后重复,行表头所在列序号为 1,所以“复制列序列”为“1”。如下图:

5)补充空白列:当最后一栏数据不足 8 列时,如果需要将不足的添补为空白列,则勾选此项;如果不需要添补,则此项不勾选。

image.png Photograph

image.png

4、Card

安利一款软件 吸色器 工作中经常用到的颜色识别软件

image.png

新建数据集 ds1:select * from 雇员

单元格 设置
A1~C2 合并 A1~C2 单元格,输入文本:员工信息调查表。设置左父格为 B3 。
A3~A6 A3~A6 分别输入文本:编号:、姓名:、性别:、职务:;设置左父格为 B3 。
B3~B6 B3~B6 分别拖入对应的字段信息,B4、B5、B6 设置左父格为 B3 ,并设置扩展方向为纵向扩展。其中 B3 单元格的「单元格元素>基本>数据设置」选择「列表」。
C3~C6 合并 C3~C6 单元格,拖入对应字段信息,设置左父格为 B3 ,并设置扩展方向为纵向扩展。
A7、D1 卡片之间有分割行和列,设置分割空白行的首个单元格 A7 和分割空白列的首个单元格 D1 的左父格为 B3。

Photograph

image.png 上述模板预览效果可以看出该模板是纵向扩展,故分栏选择行分栏

上述模板设计中可以看出,每一位员工信息占了 7 行 4 列(包括卡片和下方空白分隔行及右侧空白分割列):第一行是大标题行,第一列是表头列,但由于每条卡片都带有大标题和表头,故可以将大小标题看成是数据的一部分,所以是 7 行 4 列,而不是 6 行 3 列。

若我们希望每栏显示 4 位员工信息,则需要设置每栏 28 行( 7 行 * 4 卡片= 28 行),超过的到下一栏(卡片是纵向扩展,故下一栏是指下一列)显示,以此类推。

在菜单栏中,选择「模板>报表分栏」,设置为行分栏,超过 28 行时进行分栏,参与分栏的数据从左上角的 A1 (大标题开始的单元格)到右下角的 D7,故在分栏数据中填写 A1:D7,因为大小标题行已经作为分栏数据,所以重复行序列为空,如下图: 看图 做报表不要怕错 想要什么样式 心里有思路 慢慢调试即可

image.png 这是属于 分页预览页面设置 宽度太大 导致行分栏的时候 出现多余的情况

那么找到问题的根源解决起来就会很快

任何错误 bug每个人都可能不一样 认真看日志或者分析问题的原因 这样才能让自己在面对错误的时候 不会显得那么被动 ——来源CSDN中的一篇博文

image.png

文章到了这里 也差不多快结束了 总结一下吧 行分栏 列分栏 如果说一开始的时候 自己没有去亲手操作一遍 很多注释说明 自己根本不会去看 只有自己静下心来 慢慢去看 亲手尝试 很多问题都暴露出来的时候 才会明白这个知识点中自己所没有掌握的地方到底在哪里 希望自己在以后的学习中,工作中 能够有足够的耐心,毅力,坚持不懈疯狂的汲取知识养分 我也有一个梦想 就是有一天能够写出全英的博客、博文。不为别的,如果不适应英语学习英语,我觉得在IT行业还是很举步维艰的感觉 是这样 那么将以后自己所学的单词短语 会以博客的形式慢慢输出出来 如有误导 错误之处 请大家批评指正 谢谢!我是妙趣生花 一个平凡普通的00后

4、Example passager

help.fanruan.com/finereport/…

猜你喜欢

转载自juejin.im/post/7126123837371973662