Wednesday, 18 October 2017

Page Break in Print With Paragraph in new Page

<html>
<head>
    <title>Test</title>
    <style type="text/css">       
        @media print {
            table.pagebreak {
                display: block;
                position: relative;
                page-break-before: always;
                /*page-break-after: always;*/             
            }
        }
        table {
            /*Use To Start Half Table At Page Ending On New Page*/
            page-break-inside: avoid;
            -webkit-region-break-inside: avoid;
        }
    </style>
</head>
<body>
    <table border="0" cellpadding="5" cellspacing="0" class="pagebreak">
        <tr>
            <td colspan="3">Table 1</td>           
        </tr>
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>           
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0" class="pagebreak">
        <tr>
            <td colspan="3">Table 2</td>
        </tr>
        <tr>
            <td>4</td>
            <td>44</td>
            <td>444</td>
        </tr>
        <tr>
            <td>5</td>
            <td>55</td>
            <td>555</td>
        </tr>
        <tr>
            <td>6</td>
            <td>66</td>
            <td>666</td>
        </tr>
    </table>
    <table border="0" cellpadding="5" cellspacing="0" class="pagebreak">
        <tr>
            <td colspan="3">Table 3</td>
        </tr>
        <tr>
            <td>7</td>
            <td>77</td>
            <td>777</td>
        </tr>
        <tr>
            <td>8</td>
            <td>88</td>
            <td>888</td>
        </tr>
        <tr>
            <td>9</td>
            <td>99</td>
            <td>999</td>
        </tr>
    </table>
</body>
</html>
at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

React Hooks - custom Hook

  v CustomHook Ø React allows us to create our own hook which is known as custom hook. Example – 1 localStorage Demo Step-1 Create ...