finreport 决策报表滚动条

布满荆棘的人生 2022-10-21 01:22 146阅读 0赞

增加一个css 文件， 放在此目录下： webapps\\webroot\\scripts

复制下图css为 scroll.css 至   webapps\\webroot\\scripts

.repscroll{
    	height:100px;
    	overflow: auto;
    }
    .repscroll::-webkit-scrollbar {
      width: 10px;
      opacity:0.2;
    }
    
    .repscroll::-webkit-scrollbar-track {
      background-color: #333333;
      -webkit-border-radius: 1em;
      -moz-border-radius: 1em;
      border-radius: 1em;
      opacity:0.2;
    }
    
    .repscroll::-webkit-scrollbar-thumb {
      background-color: #191919;
      -webkit-border-radius: 1em;
      -moz-border-radius: 1em;
      border-radius: 1em;
      opacity:0.2;
    }

报表引入css；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhbmdfamlhbl9kb25n_size_16_color_FFFFFF_t_70][]

报表块加入css属性： 添加初始化后的事件： report11 为报表块名字

setTimeout(function(){
    $('div[widgetname=REPORT11]').find('.reportContent').addClass('repscroll');
    }, 100)

效果；

![20210503105333344.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhbmdfamlhbl9kb25n_size_16_color_FFFFFF_t_70]: /images/20221021/f387b5d354434a4eaa0f033f0aa986db.png
[20210503105333344.png]: /images/20221021/297ac35347544b6bae15b3ad3d3f5731.png

发表评论取消回复

表情：

评论列表（有 0 条评论，146人围观）

还没有评论，来说两句吧...

相关阅读

相关 finereport决策报表添加滚动条，实现上下滚动效果

. 描述一个网页中嵌入了一个 iframe，iframe 中嵌入一张报表，当报表大小超过 iframe 大小时，iframe 中就会出现滚动条；当 iframe ...

本是古典何须时尚/ 2024年04月17日 05:28/ 0 赞/ 32 阅读

相关滚动条

CSS3自定义滚动条样式 -webkit-scrollbar(overflow-x:scroll/auto overflow-y:scroll/auto) 内容超出容器时

痛定思痛。/ 2022年10月22日 09:27/ 0 赞/ 143 阅读

相关 finreport 决策报表滚动条

增加一个css 文件，放在此目录下： webapps\\webroot\\scripts 复制下图css为 scroll.css 至 webapps\\webroot\

布满荆棘的人生/ 2022年10月21日 01:22/ 0 赞/ 147 阅读

相关 div 滚动条同步控制 div 滚动条滚动

<html> <head> <title>div scroll</title> <mce:style type="text/css"><!-- DIV \{width:200;

系统管理员/ 2022年07月13日 11:17/ 0 赞/ 290 阅读

相关 Finreport 决策报表单个报表块刷新

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhbmdf

青旅半醒/ 2022年04月03日 02:54/ 0 赞/ 214 阅读

相关滚动条去掉

去掉滚动条： \table\_show\_content::-webkit-scrollbar\{ width: 0px; background: gray; \

雨点打透心脏的1/2处/ 2021年11月29日 09:52/ 0 赞/ 313 阅读

相关隐藏滚动条css3实现滚动同时隐藏滚动条

1. 1. 主要代码：　　ul ::-webkit-scrollbar\{

Bertha 。/ 2021年10月23日 07:13/ 0 赞/ 457 阅读

相关报表中去掉滚动条

1、决策报表中添加了报表模块，展示后有滚动条解决：添加初始化事件 setTimeout(function() { //获取报表块宽度

矫情吗；*/ 2021年09月24日 00:08/ 0 赞/ 470 阅读

相关 js 滚动条属性、设置滚动条滚动速度

返回不带px的数值,没用负数,最小为0 .scrollTop 竖直滚动条到顶部的距离,即浏览器视口外的高度 .scrollLeft 水平

冷不防/ 2021年07月24日 20:07/ 0 赞/ 1863 阅读

相关隐藏滚动条css3实现滚动同时隐藏滚动条

项目场景需求要在局部实现滚动，但是滚动出现了滚动条，一瞬间感觉整个页面都不好了，经过努力css成功实现滚动同时隐藏滚动条，废话不多说，直接上代码核心代码： :

╰+哭是因爲堅強的太久メ/ 2021年07月04日 21:32/ 0 赞/ 646 阅读