决策报表整体的滚动条怎么隐藏或者自定义?

决策报表整体的滚动条怎么隐藏或者自定义?

隐藏掉但是还要求能用滚轮上下滚动的,或者自定滚动条大小和颜色,鼠标离开时时自动掩藏等。目的是让报表更好看

说明的是,不是指报表块里面的滚动条,是整个报表的滚动条,我理解应该是body的滚动条吧?如下图所示:

image.png

FineReport jieujieu 发布于 2022-9-16 11:29 (编辑于 2022-9-16 11:42)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
snrtuemcLv8专家互助
发布于2023-3-24 18:22

没有新自适应插件的报表,或者11版本转成就决策报表,只要任何一个组件初始化事件加下面js就可以

添加初始化事件

var style=document.createElement('style');

style.innerHTML=".test::before{color:green}";//添加样式内容的话也可以用上面提到过的`insertRule`,相对例子里的硬编码会更优雅点。

document.head.appendChild(style);

document.styleSheets[0].insertRule('::-webkit-scrollbar{overflow-x:hidden;}',0)

document.styleSheets[0].insertRule('::-webkit-scrollbar{ display: none; /* Chrome Safari */;}',0)

  • 蘇山海 蘇山海 大佬!
    2024-06-04 15:10 
最佳回答
0
flyingsnakeLv6资深互助
发布于2022-9-16 11:33

https://market.fanruan.com/plugin/4f76c835-9fdf-4010-825e-23d453382622

  • jieujieu jieujieu(提问者) 谢谢答复。经测试,安装插件,也重启设计器了,但是预览还是没有达想要的结果:整体body还是有滚动条,反而报表块好像是滚动条发生了变化。
    2022-09-16 11:53 
最佳回答
0
机智的ywjLv5初级互助
发布于2022-9-16 13:35

隐藏滚动条

https://help.fanruan.com/finereport/doc-view-4231.html

企业用插件要付费的,用得不多建议写个js

  • jieujieu jieujieu(提问者) 谢谢答复。仔细查看了你提供的链接内容,介绍的都是关于body里面的报表块滚动条的隐藏,不是整个body的滚动条。报表块的滚动条我也是用js隐藏过了,具体上面有截图效果。 现在想知道怎么对body的滚动条做隐藏呢,如果用js,要怎么写?
    2022-09-16 15:21 
  • 3关注人数
  • 635浏览人数
  • 最后回答于:2023-3-24 18:22
    请选择关闭问题的原因
    确定 取消
    返回顶部