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

Html Table

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 ? 

Thanasis_0-1654871603358.png

 

Any help would be really appreciated 

 

Thank you 

 

1 ACCEPTED SOLUTION

Accepted Solutions

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>"

 

vqiaqimsft_0-1655185547329.png

 

Best Regards,
Qi

View solution in original post

4 REPLIES 4
BCLS776
Super User
Super User

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

_________________________________________________________________________________________
Help the community help more users by choosing to "Accept as Solution" if this post met your needs. If you liked the post and want to show some appreciation, please give it a Thumbs Up.
Thanasis
Helper IV
Helper IV

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 ?

 

Thanasis_0-1654873138460.png

 

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>"

 

vqiaqimsft_0-1655185547329.png

 

Best Regards,
Qi
Thanasis
Helper IV
Helper IV

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

Helpful resources

Announcements
Ignite 2022

WHAT’S NEXT AT MICROSOFT IGNITE 2022

Explore the latest innovations, learn from product experts and partners, level up your skillset, and create connections from around the world.

Power Apps Africa Challenge 2022

Power Apps Africa Challenge

Your chance to join an engaging competition of Power Platform enthusiasts.

Top Kudoed Authors
Users online (1,638)