c# - 如何在 Bootstrap 中正确显示报告 (Html.ReportViewer)？

Question

我有以下问题。我想在里面创建带有 @Html.ReportViewer 的 3x3 表(或 View )。我想在没有滚动条的情况下显示所有报告。

我的 Controller 中有以下代码:

ReportViewer rptViewer = new ReportViewer();

        rptViewer.ProcessingMode = ProcessingMode.Remote;
        rptViewer.SizeToReportContent = true;
        rptViewer.ZoomMode = ZoomMode.FullPage;

        rptViewer.AsyncRendering = false;

        //Dodatki okna:
        rptViewer.ShowBackButton = false;
        rptViewer.ShowExportControls = false;
        rptViewer.ShowFindControls = false;
        rptViewer.ShowPageNavigationControls = false;
        rptViewer.ShowPrintButton = false;
        rptViewer.ShowRefreshButton = false;
        rptViewer.ShowZoomControl = false;

        rptViewer.ServerReport.ReportServerUrl = new Uri("MyServerAddress");
        rptViewer.ServerReport.ReportPath = "MyReportPath";

        rptViewer.ServerReport.ReportServerCredentials = new ReportViewerCredentials("MyCredentials");


        ViewBag.ReportViewer = rptViewer;
        return View();

这是我的 View 代码和我所看到的 View :

<div class="row">
    <div class="col-md-4">
       @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)
    </div>
    <div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)
    </div>
    <div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)
    </div>
    <div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)
    </div>
    <div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)
    </div>
    <div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)
    </div>
    <div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)
    </div>
</div>

只有最后一个元素没有滚动。其余的是一个带有卷轴的小窗口。如何解决这种情况？我可以用 ReportViewer 元素做一个漂亮的 View 吗？

Answer 1

我在我的 View 中添加了以下代码，它解决了一个问题:

<div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer, new { frameborder = "0", width = "500", height = "500", style = "overflow:hidden;", scrolling = "no" })
</div>
<div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer1 as Microsoft.Reporting.WebForms.ReportViewer, new { frameborder = "0", width = "500", height = "500", style = "overflow:hidden;", scrolling = "no" })
</div>
<div class="col-md-4">
        @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer, new { frameborder = "0", width = "500", height = "500", style = "overflow:hidden;", scrolling = "no" })
</div>