RDLC报表控件reportview显示问题(高度自适应)

代码:

<table style="background-color: ; overflow: hidden; height:100%;  width: 100%; vertical-align:top;">
             <tr style="">
                 <td style="height: 100%;">
                 </td>
                 <td>
                      <rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Verdana"
    Font-Size="8pt" InteractiveDeviceInfos="(集合)" WaitMessageFont-Names="Verdana"
    WaitMessageFont-Size="14pt" style="width:100%; overflow:hidden;">
    <LocalReport ReportPath="D:\wwwroot\reportNew\RDLC\rdlc_temple\rdlc.rdlc">
    </LocalReport>
    </rsweb:ReportViewer>                

</td>
             </tr>
         </table>

显示问题:在ff和IE8下,会在报表上部显示一片空白区域,影响美观,如图:

解决办法:

1、去掉红色字体的style设置,即 height:100%;

<table style="background-color: ; overflow: hidden; height:100%;  width: 100%; vertical-align:top;">
             <tr style="">
                 <td style="height: 100%;">
                 </td>
                 <td>
                      <rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Verdana"
    Font-Size="8pt" InteractiveDeviceInfos="(集合)" WaitMessageFont-Names="Verdana"
    WaitMessageFont-Size="14pt" style="width:100%; overflow:hidden;">
    <LocalReport ReportPath="D:\wwwroot\reportNew\RDLC\rdlc_temple\rdlc.rdlc">
    </LocalReport>
    </rsweb:ReportViewer>                

</td>
             </tr>
         </table>

2、直接使用div作为容器

 <div id="mainPanel" style="background-color: ; border-left:1px solid scrollbar; overflow: hidden; height: 100%;">
        <rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Verdana"
    Font-Size="8pt" InteractiveDeviceInfos="(集合)" WaitMessageFont-Names="Verdana"
    WaitMessageFont-Size="14pt" style="width:100%; overflow:hidden;">
    <LocalReport ReportPath="D:\wwwroot\reportNew\RDLC\rdlc_temple\rdlc.rdlc">
    </LocalReport>
    </rsweb:ReportViewer>    

</div>

如图:

posted @ 2012-09-23 00:52  汉水银梭  阅读(4092)  评论(0编辑  收藏  举报