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

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / How to format an HTML ...
Power Apps
Answered

How to format an HTML table (CSS)?

(0) ShareShare
ReportReport
Posted on by 57
Hello

I have a flow:

Thoma2008_0-1650115952362.jpeg

 

in Compose2 I am trying to use CSS:

<style>
table {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table td, table th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table tbody td {
  font-size: 13px;
}
table thead {
  background: #1C6EA4;
  border-bottom: 2px solid #444444;
}
table thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table thead th:first-child {
  border-left: none;
}
</style>
and finally:
Thoma2008_1-1650115952783.jpeg

 

Unfortunately, after this action the data is not formatted (no borders e.t.c)
Any ideas?
Categories:
  • Verified answer
    BCLS776 Profile Picture
    8,994 Moderator on at

    April Dunnam has a great little video on this https://www.youtube.com/watch?v=lJOzBJKUfPQ

     

    I've used the method she describes in the past with success, so give it a try and see how it works.

     

    Hope that helps,

    Bryan

  • MarrinerDev Profile Picture
    on at

    April's example doesn't work for PowerApps HTML text control. The Flow we have returns the HTML string to the application which then sets the HTML source of the control to be the returned HTML string. It's ignoring the CSS. Note that it works for emailing (all the examples I can find use email as use case, but NOT for the PowerApps HTML control).

  • hairong Profile Picture
    3 on at

    exactly. Do you have any idea on formatting html table in Power apps?

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

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 342 Super User 2026 Season 2

#2
M Bilal Khan Profile Picture

M Bilal Khan 271

#3
Mohsin Ali Profile Picture

Mohsin Ali 239

Last 30 days Overall leaderboard