帆软报表决策报表改变屏幕大小后出现字体大小或滚动条异常解决方案：双向自适应

于 2023-12-08 12:59:04 发布
阅读量1.1k 收藏 7
点赞数 12
分类专栏： finereport 文章标签： FIneReport
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49301430/article/details/134875809
版权

帆软报表决策报表改变屏幕大小后出现字体大小或滚动条异常。
解决方案：在模板和报表块中配置双向自适应
在这里插入图片描述
在每一个报表块中设置：
在这里插入图片描述

清风雅雨
关注
  • 12
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web 报表工具如何自适应
chaochao52001的博客
02-26 453
现在的报表用户已经不再将报表作为一个单纯的报表工具看待了，有时候也会当作页面工具来使用，这时为了页面显示工整美观，就需要报表能够自适应宽度。下面我们就基于润乾报表来讲一下是如何做到自适应展现报表。 产品：润乾报表 V2018 方法 1：使用自带的 matchReport.jsp 访问报表，这个页面通过 reportMatchSize 这个自适应 js 函数实现自适应功能。 1、 新建报表（过...
帆软决策报表大屏，主题：卓越运营
09-12
滚动效果参考
帆软去除滚动条
最新发布
m0_58836654的博客
11-20 627
/消除对应报表块的滚动条。
PC端和移动端自适应问题的快速解决方法
09-24
如何解决PC端和移动端自适应问题？下面小编就为大家带来一篇PC端和移动端自适应问题的快速解决方法。希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦
finereport决策报表添加滚动条，实现上下滚动效果
hzp666的博客
08-22 9654
1. 描述 一个网页中嵌入了一个 iframe，iframe 中嵌入一张报表，当报表大小超过 iframe 大小时，iframe 中就会出现滚动条； 当 iframe 超过浏览器大小时，浏览器便会出现滚动条，就是下图这种效果。 2.实现原理 如果我们横向与纵向都只想保留一个滚动条，应该怎么做呢？首先我们来看一下 iframe 的定义方式： <iframe id="xx" na...
使用finereport自定义滚动条
江湖行骗老中医
04-30 1508
使用finereport自定义滚动条 /* jquery.nicescroll v3.7.6 InuYaksa - MIT - https://nicescroll.areaaperta.com */ !function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof ...
帆软决策报表在预览时怎么根据网页缩放进行自适应
岁月更迭
05-29 753
帆软决策报表在预览时怎么对网页缩放进行自适应
帆软跑马灯
猫气的博客
12-03 1223
定时器区别： setInterval():执行完会循环 setTimeout()：执行完就终止 跑马灯js setInterval(function() { //隐藏报表块report0_c的滚动条（此报表块名为report0_c，根据具体情况修改） $(“div[widgetname=REPORT1]”).find(".frozen-north")[0].style.overflow = “hidden”; $(“div[widgetname=REPORT1]”).find(".frozen-center
帆软 列表自动滚动脚本
xie_bro的博客
07-02 2520
帆软 列表自动滚动脚本
FineReport滚动条样式js
m1149033639的博客
05-08 514
alwaysVisible : true, //滚动条不会自动隐藏。普通报表：模板>模板web属性>分页预览（填报预览）>事件设置。color : "red", //滚动条颜色。size : "15px" //滚动条大小。决策报表：报表块> 事件。
解决layer弹出层自适应页面大小的问题
10-16
3. area: 'auto'：此设置可能导致弹出层的高度和宽度填充到其父容器的整个空间，对于包含滚动条或其他复杂布局的弹出层，可能不是理想的解决方案。 4. iframeAuto：这是一个尝试让iframe内容自适应的方法，但可能因...
vb运用滚动条改变字体大小
11-26
此外，为了提高用户体验，可以考虑添加一些额外的功能，比如在用户滚动到最大或最小时给出提示，或者限制滚动条的值只能是整数，避免出现非整数的字体大小。 通过这个实例，初学者不仅能学会如何使用VB的基本控件，...
css textarea 高度自适应,无滚动条
01-19
用css控制textarea文本域的高度随内容的变化而变化,不出现滚动条. CSS代码: 复制代码代码如下: .t_area{ width:300px; overflow-y:visible } <textarea class=”t_area”> 随便在这里输入内容,textarea的高度...
VB使用拖动条改变字体大小
05-07
当创建好这些控件后，我们需要编写事件处理程序，使得当滑动条的值改变时，TextBox中的字体大小也会相应变化。这可以通过绑定TrackBar的ValueChanged事件来实现。在事件处理程序中，获取滑动条的当前值，然后设置...
帆软 决策报表 报表块自动滚屏和隐藏滚动条（跑马灯）
weixin_42726550的博客
08-28 6213
setInterval(function(){ $("div[widgetname=REPORT0_C]").find("tbody").children().eq(1).children().eq(1).children().css({"overflow-x":"hidden","overflow-y":"hidden"}); $("div[widgetname=REPORT0_C]").find("tbody").children().eq(0).children().eq(1).children(.
页面设置滚动框自适应高度
欢迎来到我的博客！在这里，我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能！
07-31 681
在使用overflow-y:scroll;滚动区域的时候必须设置height属性来固定滚动区域整个页面滚动就设置height:100vh就可以了但是遇到有头部和底部的情况就需要设置动态高度，因为屏幕高度不是固定的像素高度
帆软报表使用总结
menghuannvxia的专栏
11-26 5327
如果页面不分页,可以把页面纸张大小设置小一点,横向自适应,访问URL后增加&__bypagesize__=false 这样左右是自适应的,上下按实际大小显示,这种可以避免有上下滚动条时,下方有大量空白。 如果需要在移动端展示，别用悬浮图表，移动端不支持悬浮元素。 表单标题通过数据集直接获取，获取不到，可以采用两种形式获取 借助单元格 将数据集结果放到单元格中，标题公式通过引用单元格获取； 通过sql函数获取 在公式中直接通过sql函数获取，例如：sql("gsjg_xc","SELECT .
报表中去掉滚动条
l_degege的专栏
07-24 1812
1、决策报表中添加了报表模块，展示后有滚动条 解决：添加初始化事件 setTimeout(function() { //获取报表块宽度 var wid = ($("div[widgetname='REPORT1']").width() - 17) + 'px'; //重置报表块宽度 $("div[widgetname='REPORT1']").css('wid...
帆软FineMobile 自适应
DN_XIAOXIAO的博客
09-15 2168
报表自适应 PC端 FRM表单报表块自适应 l默认全局配置 本模版配置 CPT模板自适应 默认全局配置 本模版配置 移动端 FRM 设置手机端模版 自适应自动匹配 CPT s设置手机端模版 横屏、竖屏自适应独立   ...
::-webkit-scrollbar伪元素来让滚动条自适应大小
06-10
`::-webkit-scrollbar`伪元素可以用来选择滚动条元素，并设置其样式，但是它不能让滚动条自适应大小。要让滚动条自适应大小，可以使用`::-webkit-scrollbar`伪元素的`width`属性和`height`属性来设置滚动条的宽度和高度。 具体步骤如下： 1. 首先，为滚动条元素设置一个基础样式，例如： ```css ::-webkit-scrollbar { background-color: #f0f0f0; width: 10px; height: 10px; } ``` 在上面的样式中，我们将滚动条的背景颜色设置为灰色，宽度和高度都设置为10px。 2. 接着，可以使用CSS的`calc()`函数和`100%`单位来计算滚动条的宽度和高度，例如： ```css ::-webkit-scrollbar { background-color: #f0f0f0; width: calc(100% - 20px); height: calc(100% - 20px); } ``` 在上面的样式中，我们使用`calc()`函数计算滚动条的宽度和高度，减去了一个20px的边框宽度，这样就可以让滚动条自适应大小。 3. 最后，可以为滑块和轨道等滚动条的不同部位设置样式，例如： ```css ::-webkit-scrollbar { background-color: #f0f0f0; width: calc(100% - 20px); height: calc(100% - 20px); } ::-webkit-scrollbar-thumb { background-color: #007bff; } ::-webkit-scrollbar-track { background-color: #e9ecef; } ``` 在上面的样式中，我们为滑块设置了蓝色的背景颜色，为轨道设置了灰色的背景颜色。 需要注意的是，只有Chrome和Safari浏览器支持`::-webkit-scrollbar`伪元素。如果需要在其他浏览器中实现滚动条自适应大小，可以使用一些第三方库或者自定义滚动条的插件来实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值