养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何使用FineReport报表工具实现移动端报表展示

时间:2024-10-04 15:37:32

在FineReport报表设计器中,可以模拟设计移动端场景的报表。首先,创建一个决逅秫舒迩策报表模板,修改模板的宽度和高度,刚好适应4.7寸手机屏幕;然后,新建数据库查询;最后,设计棒瀹跏癞一个移动端报表,在手机端和PC端查看效果。下面利用一个实例说明如何设计,操作如下:

如何使用FineReport报表工具实现移动端报表展示

工具/原料

FineReport

浏览器

截图工具

方法/步骤

1、第一步,双击打开FineReport报表设计器,新建一个决策模板,修改模板的宽度和高度,如下图所示:

如何使用FineReport报表工具实现移动端报表展示

2、第二步,在模板菜单栏,找到移动端属性,勾选设置为手机端模版和自适应属性自动匹配,如下图所示:

如何使用FineReport报表工具实现移动端报表展示

3、第三步,设计器左下方有个加号,添加新建内置数据集,增加七个字段,如下图所示:

如何使用FineReport报表工具实现移动端报表展示

4、第四步,在内置数据库表中,插入四条数据,注意字段的数据类型,如下图所示:

如何使用FineReport报表工具实现移动端报表展示

5、第五步,打开新建的数据集,依次将数据集中的字段拖动到报表里,并添加报表头,如下图所示:

如何使用FineReport报表工具实现移动端报表展示

6、第六步,设置完毕之后,在PC端浏览器中预览报表的效果;然后将浏览器切换到手机模式,查看效果水貔藻疽,如下图所示:

如何使用FineReport报表工具实现移动端报表展示

© 一点知识