ReportViewer无法在Firefox和Chrome中正确显示报告

Question

我正在尝试运行这个显示在页面上的报告页面,它似乎在IE中正常工作/显示但是当我在Firefox或Chrome中运行时我只得到报告的标题栏并且我必须刷新报告或页面,然后它将工作 - 也尝试单击报告标题上的下一页和上一页箭头,以正确显示页面上的报告.我不确定是什么原因或者是否可以修复但有时令人沮丧.

这是我运行/显示报告的页面所具有的:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ActivityReport.aspx.cs" Inherits="Kids.MVC.Reporting.ActivityReport" %>

<form id="form" runat="server">
    <asp:ScriptManager ID="scriptManager" runat="server" EnablePartialRendering="false" />
    <uc1:ReportViewer ID="reportViewer" runat="server" />
</form>

这是我的ReportViewer显示页面:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ReportViewer.ascx.cs"
Inherits="Kids.MVC.Reporting.ReportViewer" %>
<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"
    Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>
<style type="text/css">
    .ReportViewer table
    {
        border-collapse: collapse;
        border-spacing: 0;
    }
    .ReportViewer *  
    {
        background-image:none;       
    }
</style>
<div class="ReportViewer">
    <rsweb:ReportViewer ID="reportViewer" runat="server" Width="100%" Height="100%" AsyncRendering="False"
        ExportContentDisposition="AlwaysAttachment" SizeToReportContent="true" BackColor="White" ShowRefreshButton="False">
    </rsweb:ReportViewer>
</div>

Answer 1

有一个非常简单的解决方案.将ReportViewer控件放在div中,并将div的高度设置为一个大数字(1000px是一个很好的圆形选择).

设置SizeToReportContent ="true"也可以解决这个问题.

这两种解决方案都适用于我,但OP已将其设置为true,因此它可能无法在所有情况下运行.