finreport 决策报表滚动条

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

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

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

  1. .repscroll{
  2.     height:100px;
  3.     overflow: auto;
  4. }
  5. .repscroll::-webkit-scrollbar {
  6.   width: 10px;
  7.   opacity:0.2;
  8. }
  10. .repscroll::-webkit-scrollbar-track {
  11.   background-color: #333333;
  12.   -webkit-border-radius: 1em;
  13.   -moz-border-radius: 1em;
  14.   border-radius: 1em;
  15.   opacity:0.2;
  16. }
  18. .repscroll::-webkit-scrollbar-thumb {
  19.   background-color: #191919;
  20.   -webkit-border-radius: 1em;
  21.   -moz-border-radius: 1em;
  22.   border-radius: 1em;
  23.   opacity:0.2;
  24. }

报表引入css；

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhbmdfamlhbl9kb25n_size_16_color_FFFFFF_t_70

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

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

效果；

20210503105333344.png

发表评论

表情：
评论列表 （有 0 条评论，247人围观）

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

相关阅读