更改润乾报表锁定表头时滚动条样式
润乾报表在页面端展现时,可生成滚动条锁定表头,通过拖拽滚动条查看相应数据,客户在使用时通常是将报表集成到自己的页面中,这样就要求生成滚动条的样式要和客户的显示风格保持一致,需要能定义润乾所生成的滚动条的样式。
解决方案:润乾报表在网页端展示时是以纯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函数即可
显示效果如图: