如何更改润乾报表锁定表头时的滚动条样式

润乾报表在页面端展现时，可生成滚动条锁定表头，通过拖拽滚动条查看相应数据，客户在使用时通常是将报表集成到自己的页面中，这样就要求生成滚动条的样式要和客户的显示风格保持一致，需要能定义润乾所生成的滚动条的样式。

解决方案：润乾报表在网页端展示时是以纯html形式展现，所以可以通过页面对展现的报表进行控制。

一：在报表设计器中将需要锁定的行列设置为报表头和列表头

二：在显示报表的jsp的tag标签中增加needScroll="yes"

三：定义js函数

function testscroll(){

 obj = document.getElementsByTagName("div");

 var tab1 = document.getElementById( "report1");

 for(var i =0 ;i<obj.length;i++)

 {

     if(obj[i].id == 'report1_scrollArea')

     {

  obj[i].style.scrollbarArrowColor='#FF0FFF';

  obj[i].style.scrollbarFaceColor="#F7F7EF";

obj[i].style.scrollbarHighlightColor="#FFFFFF";

obj[i].style.scrollbarShadowColor="#FFFFFF";

obj[i].style.scrollbar3dLightColor= "#000000";

obj[i].style.scrollbarTrackColor= "#FFFFFF";

obj[i].style.scrollbarDarkShadowColor="#000000";

 

}

 }

}

通过obj[i].id == 'report1_scrollArea'可得到报表的滚动条区域，通过设置它的style属性就能够更改该滚动条的显示样式。

Crollbar-Face-color:滚动条页面颜色设定；

Scrollbar-Highlight-Color:滚动条斜面和左面颜色设定；

Scrollbar-Shadow-Color:滚动条下斜面和右面颜色设定；

Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定；

Scrollbar-Arrow-Color:滚动条两端箭头颜色设定；

Scrollbar-Track-Color:滚动条底版颜色设定；

Scrollbar-Darkshadow-Color:滚动条下边和右边的边沿颜色设定

四：在jsp页面加载时执行该js函数即可

显示效果如图：