Estoy tratando de imprimir la vista de cuadrícula usando javascript. Gridview se ve muy bien en la página web, pero cuando trato de imprimir la vista de cuadrícula, se aplasta. Incluso puedo ver el contorno de la vista de cuadrícula aplastada. A continuación se muestra la imagen de la vista de cuadrícula en la impresión:

como puede ver el contorno de la vista de cuadrícula después de $ 14.00. el contorno más claro después de $ 14.00 es la vista de cuadrícula completa, pero en la impresión, se aplastó. A continuación se muestra el código para la impresión:

 <script> function printContent(el) { var restorepage = $('body').html(); document.getElementById('<%=lblDateTime.ClientID %>').style.display = "block"; document.getElementById('<%=lblDateTime.ClientID %>').innerHTML = 'Current Date Time: ' + new Date().toLocaleString(); document.getElementById('<%=acrLogo.ClientID %>').style.display = "block"; document.getElementById('<%=compName.ClientID %>').style.display = "block"; var printcontent = $('#' + el).clone(); printcontent.removeAttr('style'); $('body').empty().attr('style', 'background-color: white;').html(printcontent); $('body').empty().html(printcontent); window.print(); $('body').html(restorepage); } </script>

¿Cómo puedo expandir la vista de cuadrícula hasta la línea para que no se aplaste en la impresión? a continuación se muestra el código de la vista de cuadrícula:

 <div class="container"> <div class="row justify-content-center"> <div class="col-sm-6"> <asp:GridView ID="grdCalculate" runat="server" GridLines="Horizontal" CssClass="table table-responsive table-hover table-striped table-bordered table-condensed" OnRowDataBound="grdCalculate_RowDataBound"> </asp:GridView> </div> </div> </div>

cualquier ayuda será apreciada.