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>
如图: