报表知识库
我要提问

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

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

解决方案:润乾报表在网页端展示时是以纯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函数即可

显示效果如图:

报表效果

标签: