现在的报表用户已经不再将报表作为一个单纯的报表工具看待了，有时候也会当作页面工具来使用，这时为了页面显示工整美观，就需要报表能够自适应宽度。下面我们就基于润乾报表来讲一下是如何做到自适应展现报表。

产品：润乾报表 V2018

方法 1：使用自带的 matchReport.jsp 访问报表，这个页面通过 reportMatchSize 这个自适应 js 函数实现自适应功能。

1、 新建报表（过程不再详细说明）

将报表保存在安装目录的 report\web\webapps\demo\WEB-INF\reportFiles 下面。

2、 启动服务，访问报表

访问报表的连接为：http://IP：端口 /demo/reportJsp/matchReport.jsp?rpx= 报表名称.rpx （如果报表保存在 reportFiles 的下级文件夹中，访问报表的 url 需要改为：……rpx= 文件夹名称 / 报表名称.rpx）

3、 报表在 PC 端的展现效果：

通过上面的展现效果可以看出，使用自带的 matchReport.jsp 访问报表，在自适应宽度的时候高度也同比例缩放了。如果我们不想要这种宽度自适应，高度同比例缩放的效果，我们可以试试下面这种方式。

方法 2：润乾报表在网页端展示时是以纯 html 形式展现，所以可以通过页面对展现的报表进行控制。

在展现页面的 showReport.jsp 添加到以下 js：

PC 端展现效果：

2、matchReport.jsp 自适应方式也适用于手机端，在手机浏览器输入访问报表的 URL 即可。具体可参考文章：* 关于报表在移动端展现你需要知道哪些？

更多前端展现问题请查看：前端分类问题导航

web 报表工具如何自适应的更多相关文章

  1. 设计与开发一款简单易用的Web报表工具（支持常用关系数据及hadoop、hbase等)

    EasyReport是一个简单易用的Web报表工具(支持Hadoop,HBase及各种关系型数据库),它的主要功能是把SQL语句查询出的行列结构转换成HTML表格(Table),并支持表格的跨行(Ro ...

  2. web报表工具FineReport使用中遇到的常见报错及解决办法（二）

    web报表工具FineReport使用中遇到的常见报错及解决办法(二) 这里写点抛砖引玉,希望大家能把自己整理的问题及解决方法晾出来,Mark一下,利人利己. 出现问题先搜一下文档上有没有,再看看度娘 ...

  3. web报表工具FineReport常用函数的用法总结（日期和时间函数）

    web报表工具FineReport常用函数的用法总结(日期和时间函数) 说明:凡函数中以日期作为参数因子的,其中日期的形式都必须是yy/mm/dd.而且必须用英文环境下双引号(" " ...

  4. web报表工具FineReport最经常用到部分函数详解

    之前分别列出来了finereport常用的文本.时间函数的解释,这里应广大朋友的要求,整理了finereport最常用到的一些函数! SUM SUM(number1,number2,-):求一个指定单 ...

  5. web报表工具FineReport经常使用函数的使用方法总结（日期和时间函数）

    web报表工具FineReport经常使用函数的使用方法总结(日期和时间函数) 说明:凡函数中以日期作为參数因子的,当中日期的形式都必须是yy/mm/dd.并且必须用英文环境下双引號(" & ...

  6. 开源报表工具太复杂？不如用这款免费web报表工具

    随着信息系统的高速发展,报表平台逐渐成为了信息系统当中最为核心和重要的功能模块.报表工具有助于将原始数据可视化显示,使决策者或者相关人员能够一览整体的数据趋势,完整的报表解决方案会提供多样的表格数据展 ...

  7. web报表工具Stimulsoft Reports.Web在mvc项目中使用

    Stimulsoft Reports.Web,是一款可以直接在Web中编辑报表的报表工具 web项目技术框架mvc4+easyui+knockoutjs 1.在项目中添加引用 Stimulsoft.B ...

  8. 打印报表工具，web报表工具对比

    ​1.jasperreport报表 有批量报表打印功能,但一般需要通过专门的编程实现批量报表打印:一些较简单的分片式打印能通过主子表实现:不能自动适应纸张大小:不支持分栏打印:不支持一纸多页打印:不支 ...

  9. 国内专业web报表工具，完美解决中国式报表难题

    近几年报表工具的热度不断上升,很多企业都用上了全新的报表工具,主要是企业数据化转型已经成为趋势.在进行选型的时候,很多企业最好都选择国内的报表工具,相信一些人不知道为什么国内的报表工具表现比国外的好. ...

  10. Web报表工具FineReport的JS API开发（二）

    上次介绍FineReport的JS API中的第一类开发--FR,这次就来介绍一下FS和contentWindow类的开发. 1 FS FS是数据决策系统中的js接口,比如说FS.tabPane.ad ...

随机推荐

  1. [Linux] 无显示器 无键盘 网线直连传输文件

    有显示器可以操作 这种情况下要简单的多,基本思想是,网线直连之后让其中一方当作网关,分配好ip地址,比如说192.168.8.1,网关也是192.168.8.1即可,如果要填写子网掩码就写255.25 ...

  2. Codeforces Round 651 (Div. 2)C. Number Game（数学思维数论）

    C. Number Game 我们考虑那些状态是必胜态 我的回合时n为奇数(除1外),直接除以n则必胜 下面偶数的情况稍复杂 偶数我们能进行的操作只有除以一个奇数,需要考虑怎么把当前状态变为对手的必败 ...

  3. MySQL基础篇快速记忆和查询

    查询 语法: SELECT 标识选择哪些列 FROM 标识从哪个表中选择 去重(Distinct) 在SELECT语句中使用关键字DISTINCT去除重复行 SELECT DISTINCT depar ...

  4. manjaro蓝牙链接不上或者连接上了没有声音

    查看这些软件宝有没有安装上:sudo pacman -S bluez bluez-utils pulseaudio-bluetooth pavucontrol pulseaudio-alsa puls ...

  5. 吐槽 Android的WebView的pauseTimers方法神坑 webview加载卡住

    原文: 吐槽 Android的WebView的pauseTimers方法神坑 webview加载卡住 | Stars-One的杂货小窝 说明 之前公司的项目和别的公司一起合作,忽然出现情况,进入到他们 ...

  6. day17--Java常用类05

    Java常用类 5.其他常用类 5.1Math类 java.lang.Math提供了一系列静态方法用于科学计算:其方法的参数和返回值类型一般为double型.如果需要更加强大的数学运算能力,计算高等数 ...

  7. 毕设系列之Libx264实时视频流（YUV 420P转H264视频编码篇）

    PS:要转载请注明出处,本人版权所有. PS: 这个只是基于<我自己>的理解, 如果和你的原则及想法相冲突,请谅解,勿喷. 前置说明   本文作为本人csdn blog的主站的备份.(Bl ...

  8. 记一次由于linux buff cache引发的问题

    简介 在前一段时间,在帮一个朋友处理一个问题是时,遇到这么一个问题.功能做的是一个vue分片式上传,在测试定位问题时,我就发现,分片上传14次,其中有那么一两次是上传失败,导致文件上传不完整.报了以下 ...

  9. Spring Boot框架中使用Jackson的处理总结

    1.前言 通常我们在使用Spring Boot框架时,如果没有特别指定接口的序列化类型,则会使用Spring Boot框架默认集成的Jackson框架进行处理,通过Jackson框架将服务端响应的数据 ...

  10. .Net 8.0 下的新RPC，IceRPC之接口定义语言 [Slice] VS [Protobuf]

    作者引言 很高兴啊,我们来到了接口定义语言(IDL)篇,RPC之基石,有了它,可以在各种各种语言中实现RPC通讯. Slice 和 Protobuf 是什么? IceRPC的核心是一个面向字节byte ...