Forum Discussion
Power Apps and Tables in SharePoint List
I have an app that is integrated with a SharePoint list but am having difficulty with getting the tables for items to appear in the app.
I have the column for tables set up as a Multi-line of text field with rich text enabled:
I've also tried including both the rich text field & HTML field in the Power App but the HTML isn't rendering. When I check the HTML here though it works: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table3
This is what I am trying to achieve:
The Rich text editor control in Power Apps does not support tables and there is no other control that I could find in Power Apps that could be used for tables unfortunately. However, if the table is copied and pasted from an Excel or Word document then saved as an HTML file, styling can be applied to add formatting to the table.
So, the best solution that I could come up with is to use a Power Automate flow to generate an HTML file with the table & other data. More info here: https://techcommunity.microsoft.com/t5/power-apps-power-automate/power-automate-generate-pdf-with-table/m-p/4020838/highlight/true#M7185
Try using HTML text control in Power Apps to show the value of enhanced rich text column in SharePoint
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
- Thank you for your reply ganeshsanap, I've tried the HTML text control but it does not allow editing.
- I've also tried including both the rich text field & HTML field in the Power App but the HTML isn't rendering. When I check the HTML here though it works: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table3
Here's the HTML I'm using:
<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>
<table>
<tr>
<th></th>
<th>Role 1</th>
<th>Role 2</th>
<th>Role 3</th>
<th>Role 4</th>
</tr>
<tr>
<td>Responsibility 1</td>
<td>- Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br>
- Donec vitae urna mi. Donec vel maximus sem. Duis quis enim sed sapien
luctus venenatis non dignissim ex. <br>
- Pellentesque non ultricies dui, eu rutrum risus. <br>
</td>
<td>- Vivamus non arcu nisl. Sed mi magna, varius vitae nunc quis, aliquam
scelerisque neque. <br>
- Sed quis metus lacus. Vivamus aliquet eleifend massa quis porttitor.
<br>
- Maecenas ac felis eu nulla accumsan ornare et et mi.
</td>
<td>- Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos. Duis et porta neque, sed ullamcorper quam. <br>
- Curabitur dictum porttitor purus, eget fringilla ante scelerisque
vitae.
</td>
<td>- Vivamus luctus sapien ut leo scelerisque, tincidunt posuere ligula imperdiet.
Mauris porta purus nisl, at auctor nisi auctor in. <br>
- Curabitur ultricies a sapien et euismod. In sit amet eleifend purus,
vel vulputate enim.
</td>
</tr>
<tr>
<td>Responsibility 2</td>
<td>- Curabitur fringilla nulla in dolor fermentum efficitur. <br>
- Phasellus placerat gravida felis nec luctus. <br>
- Phasellus non mi euismod urna fermentum lobortis non vel justo.</td>
<td>- Quisque porta semper dui a eleifend. Duis vestibulum volutpat sagittis.
Aliquam non orci vel erat molestie tincidunt. Aenean in ornare ex. Quisque
quis orci quis metus semper volutpat.
</td>
<td>- Cras metus augue, pellentesque non malesuada id, porttitor elementum velit.
Morbi ipsum turpis, cursus sit amet libero id, molestie ullamcorper metus.
<br>
- Phasellus varius urna et facilisis ornare. <br>
- Ut sed sapien non erat luctus dapibus. Ut posuere leo felis, sit amet
posuere velit convallis non.
</td>
<td>- Pellentesque ultrices et diam sed interdum. <br>
- Mauris nisl elit, gravida quis rhoncus sed, interdum id justo.
Suspendisse potenti.
</td>
</tr>
<tr>
<td>Responsibility 3</td>
<td>- Integer vulputate sit amet neque quis sollicitudin. <br>
- Nam et varius diam.
</td>
<td>- Curabitur molestie nibh vel placerat mattis. <br>
- Nunc porttitor porttitor sapien, eu pulvinar sem facilisis et. Integer
lorem augue, faucibus vel nibh in, ullamcorper lobortis neque.
</td>
<td>- Nam eget tempus mi, sed tempor urna. <br>
- Aenean placerat consequat pretium. Donec ut libero libero.</td>
<td>- Curabitur et lectus pharetra, semper justo sit amet, ultricies ligula. <br>
- Maecenas vitae consectetur dui, vel euismod nisl. Aenean eget risus
cursus, ultrices ante sodales, semper
</td>
</tr>
<tr>
<td>Responsibility 4</td>
<td>- Fusce lacus purus, commodo a pellentesque vel, dignissim sit amet leo. <br>
- Integer dapibus risus ante, quis dignissim odio fringilla non. <br>
- Phasellus lacinia orci sed accumsan auctor.
</td>
<td>- Vivamus commodo mauris turpis, sit amet tempor purus aliquam sed. Sed sit
amet maximus elit, non consectetur erat.
</td>
<td>- Quisque hendrerit consectetur congue.
</td>
<td>- Nunc elit nisl, viverra eu auctor eu, laoreet id odio. Quisque consectetur,
tellus in pretium ultricies, mi elit rutrum eros, eu malesuada tortor sapien
in nisi.
</td>
</tr>
<tr>
<td>Responsibility 5</td>
<td>> Aenean vel efficitur ligula.
</td>
<td></td>
<td>- Maecenas arcu ligula, condimentum sed pulvinar auctor, lobortis sit amet
purus. <br>
- Pellentesque congue porta tortor sed gravida.
</td>
<td>- Phasellus sed congue neque. <br>
- Donec gravida, diam non lacinia consequat, ante mauris aliquam magna,
ac molestie turpis quam a nunc. Sed iaculis elementum enim id molestie.
Phasellus nec dui quam.
</td>
</tr>
</table>
</body>
</html>
