反饋已提交
網絡繁忙
当报表块内容略多时,会出现滚动条,如何隐藏不美观的滚动条,且可以通过鼠标滚轮上下滚动内容呢?
可以使用 JS 获取报表块的整体宽度,通过修改报表的宽度,将滚动条隐藏。
新建决策报表,设置 body 的布局方式为绝对布局,缩放逻辑为适应区域,如下图所示:
新建数据集 ds1:SELECT * FROM 销量,如下图所示:
1)在决策报表中插入报表块,报表块设计如下图所示:
2)点击工具栏中的冻结,在重复与冻结设置中,设置第 1 行为重复标题行,并冻结第 1 行,如下图所示:
返回决策报表主体,选中报表块 report0,添加初始化后事件,输入 JavaScript 脚本,如下图所示:
JavaScript 代码如下:
setTimeout(function() {var a = 'report0'; //获取对应报表块名称var b = a.toUpperCase(); //防止大小写出现误差,此处自动将名称转成大写var wid = ($("div[widgetname='" + b + "']").width() - 17) + 'px'; //获取报表块宽度$("div[widgetname='" + b + "']").css('width', wid); //重置报表块宽度var height = ($("div[widgetname='" + b + "']").height() - 16) + 'px'; //获取报表块高度$("div[widgetname='" + b + "']").css('height', height); //重置报表块高度}, 100);
注1:代码中的报表块名称应手动调整为需要隐藏滚动条的报表块名称。
注2:该 JS 中重置了报表块的宽度和高度。如只存在纵向滚动条,无需重置报表块宽度。
注3:此方法不适用于横向需要滚动的情况。
保存模板,点击分页预览,效果如下图所示:
注:不支持移动端。
已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\34-JS实现报表块隐藏滚动条.frm
点击下载模板:34-JS实现报表块隐藏滚动条.frm
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉
反馈已提交
网络繁忙