Bullet proof solution for page break on table row (<tr>) for printing Bullet proof solution for page break on table row (<tr>) for printing google-chrome google-chrome

Bullet proof solution for page break on table row (<tr>) for printing


It is not nice but you could try to go with separat tables for each row. By using the following syntax you can make sure the columns are rendered in the same widths.

<style>    table {        page-break-inside: avoid;    }</style><table>    <colgroup>        <col width="25%" />        <col width="50%" />        <col width="25%" />    </colgroup>    <tr>        <td>Narrow column</td>        <td>Wide column</td>        <td>Narrow column</td>    </tr></table><!-- can break --><table>    <colgroup>        <col width="25%" />        <col width="50%" />        <col width="25%" />    </colgroup>    <tr>        <td>Narrow column</td>        <td>Wide column</td>        <td>Narrow column</td>    </tr></table>