cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
mmchx
Helper III
Helper III

adjust html table layout before convert to pdf

Have anyone experience adjusting the HTML table layout?

I have a problem with the information inside the table is truncated out of the page like this.

 

mmchx_3-1628133023835.png

 

I have tried with 'word-wrap', it works only when I run on vscode. 

 

  table td {
         word-wrap: break-all;
    }

 

Is it has any way to auto wrap the text and auto adjust the width of the HTML table?

 

 

1 ACCEPTED SOLUTION

Accepted Solutions
Pstork1
Dual Super User
Dual Super User

The free version of convert to PDF only supports some CSS, not everything.  But doing it manually will let you set things like column width.



-------------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.

View solution in original post

4 REPLIES 4
Pstork1
Dual Super User
Dual Super User

There are limited options when using the built in Create HTML table action.  You can do a lot more with CSS and spacing if you build the table and rows manually using an Apply to Each loop.



-------------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.

This means we can use css instead HTML on "Create  Html table" action right?

Pstork1
Dual Super User
Dual Super User

The free version of convert to PDF only supports some CSS, not everything.  But doing it manually will let you set things like column width.



-------------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.
McPowerPlatform
Frequent Visitor

Can you share your HTML??, mine worked fine because I've added an Inline CSS Style on the Table

<table style='width: 90%; border-spacing: 0px 0;border-collapse: collapse;' align='center'>
<tr>
<td style=' word-wrap: break-all; padding-left:10px;padding-top:5px;padding-bottom:5px;
border-bottom: 1px solid #c1c1c1; text-align:center;'>Column Head 1&nbsp;</td> ......

Let  me know how this works for you



Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

May UG Leader Call Carousel 768x460.png

June User Group Leader Call

Join us on June 28 for our monthly User Group leader call!

MPA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

Learn to digitize and optimize business processes and connect all your applications to share data in real time.

Power Automate Designer Feedback_carousel.jpg

Help make Flow Design easier

Are you new to designing flows? What is your biggest struggle with Power Automate Designer? Help us make it more user friendly!

Top Solution Authors
Top Kudoed Authors
Users online (2,807)