I tried searching the support forum and couldn't find anything similar. Either I was using the wrong search terms or this hasn't been identified as an issue before.
I am converting an HTML report to PDF and on the report I have a div with two tables side by side with one floated left and one floated right. The table on the left has table headers that should repeat on each page if it extends beyond one page. The table on the right does not have table headers and should never extend beyond one page as it has a fixed length.
Rough pseudo code: (missing some details, but this should give the idea of the setup)
<div style="width:100%>
<table style="float:left; page-break-inside:avoid; table-layout: fixed; width:55%;">
<colgroup>
-- 9 column width definitions
</colgroup>
<thead>
-- 9 column header definitions
</thead>
-- many rows of data (enough to fill beyond one page)
</table>
<table style="float:right; page-break-inside:avoid; table-layout: fixed; width:44%;">
<colgroup>
-- 3 column width definitions
</colgroup>
-- fixed amount of data rows with no table header as each row is unique (fills roughly 2/3 of page)
</table>
</div>
When viewed in HTML:Everything displays correctly regardless of the amount of data.
When converted to PDF:Condition A) Both tables contain less than one page of data.
Everything converts correctly.
Condition B) The table on the left contains more than one page of data and table on the right does not.
What is converted is as follows:
Page 1:
The PDF looks correct as the table on the left fills the whole page and the table on the right displays all of its data (ending well before the bottom of the page).
Page 2:
The table on the left repeats its table header like it should and displays its remaining data correctly. However, part of the table on the right is displayed on page 2 and the size appears to be equal in height to the table header size of the table on the left. The table on the right is also cutoff mid-cell.
The issue that table on the right does not even have table headers and there isn't enough data to get to page two so the table on the right shouldn't be displayed at all on page 2 and I can't figure out how to make it disappear on page 2 (and I assuming beyond as well).
I have tried defining all data rows for the table on the right as part of <tbody> or defining an empty <thead> first, but nothing seems to change.
As I know we are running an older version, I tried downloading the most recent version first (19.2.30.0) to see if the problem was already fixed, but I ran into the same problem. Unfortunately, the newer version appears to have other conversion issues I will need to deal with that the older version did not have, but I'll worry about those once I determine what to do about this issue.
Please advise.
I can provide HTML and PDF examples if needed.