固定表头数据列窜行的解决方式



我们通常在页面加上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>

下图就是加了样式的效果。