web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Adding HTML to a table...
Power Apps
Unanswered

Adding HTML to a table with Dynamic Content

(0) ShareShare
ReportReport
Posted on by
Hi - We are attempting to add borders and styling to an HTML table. The table is pulling the style and data from the output of a filter array, so the direct HTML cannot be edited in the "Create HTML Table" action. Any thoughts or recommendations please? 
Categories:
I have the same question (0)
  • WillPage Profile Picture
    2,307 Super User 2025 Season 2 on at

    Create your nicely formatted table in a WYSWYG editor or however you want to do that. You can do an HTML table or a CSS table - doesn't matter. Let's use the example from W3Schools: 

    https://www.w3schools.com/css/tryit.asp?filename=trycss_table_fancy

     
    Put everything up to and including your column headers in a Compose. Mine is called Table header:


    Here's the data source from wherever:
     
    Now add a Select, switch from Key-value to JSON input using the icon on the right. Put your data source as its From input and the following expression in the Map input:
     
    concat('<tr><td>',item()?['Company'],'</td><td>',item()?['Contact'],'</td><td>',item()?['Country'],'</td></tr>')
     
    Now add a Join action and join the output of the Select on a new line or a space (doesn't matter which)
     
    Finally the table footer:


    Now add a Compose and put the table header, the Join and the table footer in there


    Output is the formatted table:
     
     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 717 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 329 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard