Hi, I am trying to convert the html to PDF from power apps. I designed all the html and trying to convert that to PDF. The html is having two tables and they should be next to each other. This is working fine when render as a html but after converting that into PDF using power automate (One drive action "Covert a file") the tables are not setting side by side to each other whereas they are setting one by one.
Any help on this is highly appreciated.
Thanks.
Hi @RamB ,
Based on my experience , the flex property currently does not seem to support in the PDF conversion connector in OneDrive.
one trick way to get around this is to use nested tables as shown below. It may not be a 100% solution but its a good starting point for you. You can try by making more changes in the CSS.
I am adding an image of what I got in the PDF.
<table style="width:100%">
<tr>
<td>
<table style="width:100% ; border:1px solid">
<tr>
<td style="border:1px solid">1</td>
<td style="border:1px solid">2</td>
</tr>
<tr>
<td style="border:1px solid">3</td>
<td style="border:1px solid">4</td>
</tr>
</table>
</td>
<td>
<table style="width:100% ; border:1px solid">
<tr>
<td style="border:1px solid">1</td>
<td style="border:1px solid">2</td>
</tr>
<tr>
<td style="border:1px solid">3</td>
<td style="border:1px solid">4</td>
</tr>
</table>
</table>
</td>
</tr>
</table>
I have some pretty complex solutions that convert HTML to PDF and multiple tables and have not had any issues yet. However, I have never tried to put two tables side-by-side. It may be a limitation of PDF that it ignores divs and floats. You need to remember that Adobe Acrobat is not the same as a web browser, so there will be some compromises when you convert the html to PDF. I would check Adobe documentation for its limitations.
WarrenBelz
146,524
Most Valuable Professional
RandyHayes
76,287
Super User 2024 Season 1
Pstork1
65,906
Most Valuable Professional