固定表头数据列窜行的解决方式
我们通常在页面加上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>
下图就是加了样式的效果。