我们通常在页面加上needPageScorll=”yes”,就能轻松的实现将多数据列,大数据量的报表的左表头以及上表头固定的效果,这样使用户浏览数据时更加方便、快捷。
但当设置滚动条时,设置一定宽高的百分比时,就会出现窜列的现象。
例如下面的报表,在JSP中设定滚动条的显示比例为:
scrollHeight="93%"
scrollWidth="95%";
报表在拖动滚动条浏览最后一列数据时,数据列的单元格边线出现窜位的现象,如下图所示。
具体的解决办法,是在外面的table标签处加上样式.
<table style="width:100%;height:100%;overflow:hidden;table-layout:fixed">
<tr><td >
<report:html name="report1" reportFileName="xxx.raq"
scrollHeight="93%"
needScroll="yes"
scrollWidth="95%"
/>
</td></tr>
</table>
下图就是加了样式的效果。
注释:
标签 初始值 含义 可设置值
needScroll 否 是否固定上表头和左表头 yes或no
scrollWidth 否 固定表头报表的显示宽度 象素值(整数)或者百分数,如600 80%
scrollHeight 否 固定表头报表的显示高度 象素值(整数)或者百分数,如400 80%
scrollHeight="93%" scrollWidth="95%" 为百分比时,展现报表的<table>,一定要加上
style="width:100%;height:100%;overflow:hidden;table-layout:fixed",如:
<table style="width:100%;height:100%;overflow:hidden;table-layout:fixed">