HTML Report IN MVC

Question

How we can create HTML Report in MVC? that display on and print on HTML Page .

Sachin Singh · Answer

you can use jquery to print your page or table etc. here is i am giving you a sample solution is attached, open in visual studio and run , allow popups to always for this address public class HomeController : Controller { // // GET: /Home/ public ActionResult Index() { return View(); } public ActionResult Print() { var model = new List (); model.Add(new MyModel { FirstName = "John" , LastName = "Doe" }); model.Add(new MyModel { FirstName = "Jane" , LastName = "Doe" }); return PartialView(model); } } .........Index view........ @model dynamic "printTable" >Print Table "sendArray" >Send Array "hidden" value= "22" id= "idField" /> "progressMessage" > Server progress returned true ........Print partialview........ @model List @{ var rowCounter = 0 ; } .table { width : 100% ; border : 1px solid gray ; } .table td { padding : 2px ; } .table-row -1 td, .table-row -1 th { background : lightgray; border : 0 solid lightgray; } .table-row -2 td, .table-row -2 th, thead { background : white ; border : 0 solid white ; } .tableHeaderRow { font-weight : bold ; border : 1px solid lightgray; } .column 1 { width : 15% ; } .column 2 { width : 15% ; } /* suppress link for printing */ @@media only print { a { display : none ; } } "#" onclick= "window.print(); return false;" >Print "table" > "tableHeaderRow column1" > First Name "tableHeaderRow column2" > Last Name @{ foreach (var item in Model) { var className = "table-row-1" ; if (rowCounter % 2 == 0 ) { className = "table-row-2" ; } "@className" > @item.FirstName @item.LastName rowCounter++; } ar myApp; myApp = (function (app) { $( '#printTable' ).click(function () { myApp. print (); }); app. print = function () { $.ajax({ url: 'Home/Print' , success: function (data) { if (myApp.arePopupsBlocked()) { alert( 'Please allow popups.' ); } var printWindow = window.open(); if (printWindow) { $(printWindow.document.body).html(data); } else { alert( 'Please allow popups.' ); } }, error: function () { alert( 'Error' ); } }); }; app.arePopupsBlocked = function () { var aWindow = window.open(null, "" , "width=1,height=1" ); try { aWindow.close(); return false; } catch (e) { return true; } }; return app; })(window.myApp || {}) } "#" onclick= "window.print(); return false;" >Print

Mageshwaran R · Answer

Hi Goswami, please refer this link,it may help you, https://help.boldreports.com/report-viewer-sdk/aspnet-mvc-reporting/report-viewer/print-report/