Saturday, March 9, 2024

Javascript window Print - Like a4 sheet - how to print div with page break - table print in a4 sheet

Also use table with following code:--

<table id="tblMain" style="width: 98%">

<tr>

<td style="width: 920px;height: 909px;">

<table style="page-break-after:always;border-collapse:collapse; clear: both; width: 770px; height: 800px" border="1">

</td>

</tr>

<tr>

<td></td> <br/></tr>


<tr>

<td></td> <br/></tr>

<tr>

<td style="width: 920px;">

<table style="page-break-after:always;border-collapse:collapse; clear: both; width: 595px; height: 875px" border="1">

</td>

</tr>

</dt>

and use window.print();

=========================================== or ===========


   Telerik.Web.UI.Editor.CommandList["Print"] = function (commandName, editor, args) {

        var prtContent = editor.get_contentArea();

        var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');

        WinPrint.document.write(prtContent.innerHTML);

        WinPrint.document.close();

        WinPrint.focus();

        WinPrint.print();

        setTimeout(function () {

            WinPrint.close();

        }, 1000);


    };

No comments:

Post a Comment