How to set two tables vertically in an advanced PDF

<?xml version="1.0"?>
<!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd">
<pdf>
    <head>
        <macrolist>
             <macro id="nlheader">
                 <table style="width: 100%; font-size: 10pt; position:fixed"></table>
             </macro>
             <macro id="nlfooter">
                <table class="footer" style="width: 100% ;position:fixed"></table>
             </macro>
        </macrolist>
        <style>
            div.absolute {
                position: relative;
                height: auto;
                background-color: powderblue;
                page-break-before: always; /* Force a page break before this element */
            }
        </style>
    </head>

    <body header="nlheader" header-height="10%" footer="nlfooter" footer-height="65pt" padding="0.5in 0.5in 0.5in 0.5in" size="Letter">
        <div class="absolute">
            <table style="position: absolute; left: 0px; top: 100px; border: 1px solid black;">
                <tr>
                    <td>Table 1, Row 1</td>
                    <td>Table 1, Row 1</td>
                </tr>
               
            </table>
            <table style="position: absolute; left: 300px; top: 100px; border: 1px solid black;">
                <tr>
                    <td>Table 2, Row 1</td>
                    <td>Table 2, Row 1</td>
                </tr>
          
            </table>
        </div>
    </body>
</pdf>

Using the table position is absolute and encapsulates the table inside a div. This will help to position the table.

The known issue with this method if the table content is exceeded the page break will not happen. We need to use table height in static value.

Leave a comment Cancel reply