反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

去掉冻结行列时多余的滚动条

1. 描述

在报表中使用冻结行列时,不管冻结的行高是否超高,行高调整时,右侧都会出现一个多余的滚动条,不管列中内容是否超宽,下面横向中也会出现多余的一段滚动条,如下图:

222

这样显示不是很美观。如何解决呢。

2. 解决思路

冻结行时右侧对应的滚动条所在类为 frozen-north,冻结列时下方对应的滚动条为 frozen-west,对这两种滚动条的 overflow-x 与 overflow-y 属性进行合理设置即可去掉这两种多余的滚动条。

注:也可通过安装自定义滚动条插件,实现隐藏多余滚动条的功能。

3. 解决过程

3.1 打开模板

打开模板:%FR_HOME%\webroot\WEB-INF\reportlets\demo\basic\分片与冻结.cpt

3.2 添加加载结束事件

点击菜单模板>模板Web属性中,选中分页预览设置,选择为该模板单独设置,添加加载结束事件,如下图所示:

222
JavaScript 代码如下:

//设置冻结行时右侧纵向滚动条为自动显示或隐藏 
//如果需要一直为隐藏冻结行的纵向滚动条,使用 
//$(".frozen-north").css('overflow-y','hidden'); 
$(".frozen-north").css('overflow-y', 'auto'); //如果需要一直为隐藏冻结列的横向向滚动条,使用 
//$(".frozen-west").css('overflow-x','hidden'); 
//设置冻结列时下方横向滚动条为自动显示或隐藏 
$(".frozen-west").css('overflow-x', 'auto');

注:overflow-x:横向滚动条,overflow-y:纵向滚动条,可取的值为scroll-一直显示,auto-根据内容自动显示或隐藏,hidden-一直不显示

3.3 效果预览

保存后,点击分页预览,x轴和y轴的滚动条就隐藏了,效果如下:

222

注:若出现行列网格线错位现象,则安装自定义滚动条插件

4. 模板下载

附件列表


主題: 原简体文档
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉