Wie werden Berichte (Html.ReportViewer) im Bootstrap korrekt angezeigt?

Question

Ich habe ein folgendes Problem. Ich möchte 3x3 Tabelle (oder Ansicht) mit @Html.ReportViewer innerhalb erstellen. Ich möchte den gesamten Bericht ohne Schriftrollen anzeigen.

Ich habe folgenden Code in meinem Controller:

Report rptViewer = new Report();

 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(); 

Und das ist meine Ansicht Code und Ansicht wie ich sehe:

<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> 

nur das letzte Element ohne Rollen ist. Der Rest sind kleine Fenster mit Schriftrollen. Wie behebe ich diese Situation? Kann ich mit ReportViewer-Elementen eine schöne Aussicht machen?

Answer 1

ich folgenden Code in meiner Ansicht hinzugefügt haben sie ein Problem gelöst:

<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>