Answered

Html Table

(0) Share

Report

Posted on by Thanasis

Hello,

I was wondering if anybody knows how to create some space between the below columns or even make is so the numbers under the total cost are align with it. Also does anybody know how I can create lines around that table to make it look nicer ?

Any help would be really appreciated

Thank you

Categories:

Building Power Apps

I have the same question (0)

All responses (7)

Answers (1)

Sort by

BCLS776 8,994 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!

A site such as https://www.tablesgenerator.com/html_tables# is really handy for quickly building the HTML to format a table. You make the table look the way you want, and then copy/paste the HTML code where you need it.

Hope that helps,

Bryan

Was this reply helpful? Yes No
Thanasis on at

Like
a
(0)

Report
Copy link

Link copied!

Hello @BCLS776

I just tried to copy paste something from there but still powerApps doesn't like it. Is there a way to just ad a space between my column so there not that close together ?

Was this reply helpful? Yes No
Verified answer

v-qiaqi@microsoft.com Microsoft Employee on at

Like
a
(5)

Report
Copy link

Link copied!
Hi @Thanasis,

Do you want to create a HTML table with lines around and align with column?

Modify your formula as below:

"<h3>Data Table HTML Email</h3>" & //This is optinal "<strong> Items: </strong>" & //This is optinal "<table width='100%' border='1' cellpadding='5' style='border:1px solid black; border-collapse:collapse'>" & "<tr style='background-color:#efefef'> <th>Title</th> <th> Price </th> <th> ID </th> </tr> <tr>" & Concat('BU Permission List', //*Here is your data source*// "<td>" & Title & " </td> //Here replacing with the column name in your list <td>" & Price & " </td> <td>" & ID & " </td>","</tr><tr>") & "</table>"

The first two lines are optional, which is the header of the html table, you could start with the "<table width='100%'...

"<table width='100%' border='1' cellpadding='5' style='border:1px solid black; border-collapse:collapse'>" & "<tr style='background-color:#efefef'> <th>Title</th> <th> Price </th> <th> ID </th> </tr> <tr>" & Concat('BU Permission List', //*Here is your data source*// "<td>" & Title & " </td> <td>" & Price & " </td> <td>" & ID & " </td>","</tr><tr>") & "</table>"

Was this reply helpful? Yes No
Thanasis on at

Like
a
(0)

Report
Copy link

Link copied!

@v-qiaqi-msft thank you so much that worked

Was this reply helpful? Yes No
Curiosity_user 75 on at

Like
a
(1)

Report
Copy link

Link copied!

Hello,

This is really helpful. Thank you so much.

I just have some trouble. I have this button that will generate a PDF from this HTML text.
The table in the PDF look like this:
But in Power Apps, It looks like this:

I followed what you've shared. What do you think is the problem?
Maybe the Power Automate to generate PDF is in the wrong?

Thanks in Advance.

Was this reply helpful? Yes No
boom_powerapps 101 on at

Like
a
(0)

Report
Copy link

Link copied!

Hello everyone! Where would I be able to add the font color property in my HTML table code? Here is what I have:

"<table width='100%' border='1' cellpadding='5' style='border:1px solid black; border-collapse:collapse'>" &
"<tr style='background-color:#003865cc'> @Thanasis @Curiosity_user @v-qiaqi-msft @BCLS776

Was this reply helpful? Yes No
Thanasis on at

Like
a
(0)

Report
Copy link

Link copied!
Hey @boom_powerapps

You can add the font color property within the <tr> tag to apply it to the entire row. Here's how you can incorporate it into your HTML code:
<table width='100%' border='1' cellpadding='5' style='border:1px solid black; border-collapse:collapse'> <tr style='background-color:#003865cc; color: white'>   </tr> </table>
In the example above, I've added color: white to the <tr> tag to set the font color of the row's text to white. You can adjust the color value (white in this case) to any color you prefer.

Was this reply helpful? Yes No