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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值