Hi All,
I am trying to display the table header on repeat when there is page break inside a table when using the plugin html to pdf. I have tried most of the options, has someone faced trouble with this or implemented the same?
Attaching the html code
<html> <head> <style> body{ font-size:14px; } img { max-width: 100% !important; max-height: 100% !important; } thead { display: table-header-group } tfoot { display: table-row-group } tr { page-break-inside: avoid } </style> </head> <body> <div style = "width: 100%; height: 80%; "> <img style = "max-width: 100% !important; max-height: 100% !important;" appianDocId="136977" /> </div><div style = "width: 100%; height: 80%; "> <img style = "max-width: 100% !important; max-height: 100% !important;" appianDocId="136977" /> </div> <table style="width:100%; border: 1px solid black;border-collapse:collapse; sd:repeatheader;"> <thead> <tr style= "border: 1px solid black; page-break-inside: avoid; "> <th style = "border: 1px solid black;padding:5px">One</th> <th style = "border: 1px solid black;padding:5px">One</th> </tr> </thead> <tbody> <tr style= "border: 1px solid black;"> <td style = "border: 1px solid black;padding:5px; page-break-inside: avoid;">Row 1 Column 1</td> <td style = "border: 1px solid black;padding:5px">Row 1 Column 2</td> </tr> <tr style= "border: 1px solid black;"> <td style = "border: 1px solid black;padding:5px">Row 2 Column 1</td> <td style = "border: 1px solid black;padding:5px">Row 2 Column 2</td> </tr> <tr style= "border: 1px solid black;"> <td style = "border: 1px solid black;padding:5px">Row 3 Column 1</td> <td style = "border: 1px solid black;padding:5px">Row 3 Column 2</td> </tr> <tr style= "border: 1px solid black;"> <td style = "border: 1px solid black;padding:5px">Row 4 Column 1</td> <td style = "border: 1px solid black;padding:5px">Row 4 Column 2</td> </tr> <tr style= "border: 1px solid black;"> <td style = "border: 1px solid black;padding:5px">Row 5 Column 1</td> <td style = "border: 1px solid black;padding:5px">Row 5 Column 2</td> </tr></tbody> </table> </body> </html>
The generated pdf is as follows:
Discussion posts and replies are publicly visible
I use this template
https://github.com/danfickle/openhtmltopdf/wiki/Page-features
and have zero issues with tables. Headers are repeated on each new page.
Hi Stefan,
Thanks for the template. I did not use the -fs-table-paginate: paginate; attribute in the tables.