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

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

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?

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 Automate News & Announcements

Power Automate News & Announcements

Keep up to date with current events and community announcements in the Power Automate community.

Community Calls Conversations

Community Calls Conversations

A great place where you can stay up to date with community calls and interact with the speakers.

Power Automate Community Blog

Power Automate Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Users online (2,349)