Let's POWER Automate

From no-code to low-code

Menu
  • Expressions
  • Filters
  • General
  • Application specific solutions
    • Dataverse
    • Excel
    • Forms
    • Outlook
    • Planner
    • Power Apps
    • SharePoint
    • Teams
  • Triggers
  • Ready to use solutions
    • Approval Process Solution
    • Task Delegation App
    • The Ultimate Power Automate expressions cheat sheet
    • Power Automate HTTP requests to SharePoint cheat sheet
    • Power Automate HTTP requests to Graph API cheat sheet
  • ABOUT ME
  • Get help with your flow
  • POWER PLATFORM SERVICES
Menu

Use different colours in HTML table header (Power Automate)

Posted on June 4, 2023June 4, 2023 by Tom

“I’d like to add some colours also to the HTML table header, not only the rows, is that doable in Power Automate?”


Following on the previous article on adding different colours to HTML table based on values, this article will explain how to set colours also in the header. If the cells can be colourful, why not do the same with the header?

Add HTML style in the Header column

Similarly to changing the row colours, you’ll have to add a piece of HTML code to the header. And since the headers are the same for the whole table, it’ll be much easier. Instead of entering just the column name use the code below to change the text colour, e.g. to make it blue.

<span style="color:blue">HEADER NAME</span>

Note: the action probably won’t allow you to enter the space between ‘<span’ and ‘style’. You can overcome that if you prepare the header in a text editor and copy/paste it in the field.

Once you have the headers use the expression to correct the HTML tags and send the table in an email.

replace(replace(replace(body('Create_HTML_table'),'&lt;','<'),'&gt;','>'),'&quot;','"')
Power Automate table header colour

Summary

When you create HTML table in your Power Automate flow, the ‘HTML’ part is important – to add colours to the header or the rows you must add some HTML styles. It’s easier with the headers as the headers are always the same: add the code in the Header field, restore the HTML tags in the email, and send it.

Just keep in mind that the style is applied only on the values between > and <, and as such it’ll change only the text colours. If you’d like to format the whole table check Paul’s article with an explanation.


πŸš€ Master Power Automate

Join 2,100+ professionals getting actionable Power Automate tutorials, solutions, cheat sheets & tips every week.

No spam. Unsubscribe anytime.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

πŸš€ Master Power Automate

Join 2,100+ professionals getting actionable Power Automate tutorials, solutions, cheat sheets & tips every week.

No spam. Unsubscribe anytime.

Still exchanging emails to get things approved?

Get the Approval Process solution and the Task Delegation App to skip the hard part and deploy an automated, fully functional approval solution on a SharePoint list in minutes! And then the next one, and the next one...

Approval Template Preview ✨ Learn more ✨

Turn ideas into flows with ease!

Grab the complete Power Automate Cheat Sheet Bundleβ€”everything you need to master expressions, SharePoint HTTP calls, and Graph API in Power Automate.

Cheat Sheet Bundle Preview ✨ Get the Cheat Sheets

Didn't find what you were looking for?
Need to adjust a solution to fit your needs?
Or would you just like to get an assistance from somebody with thousands of hours of experience with Power Automate?

Power Automate blogs worth visiting

Damien Bird
Dennis (Expiscornovus)
Paul Murana

©2025 Let's POWER Automate | Theme by SuperbThemes