Power Platform Community Forum Thread Details

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:

Building Power Apps

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>')