Power Automate HTML Table Styler
Visual CSS generator for styling the output of the "Create HTML table" action in Power Automate. Customize colors, fonts, and borders, then copy the raw <style> block straight into your email flow.
Styling Options
Live Preview
| ID | Title | Status | Owner | Priority |
|---|---|---|---|---|
| 1 | Server Migration | In Progress | Rizwan | High |
| 2 | Update SSL Certificates | Pending | Alice | Medium |
| 3 | Renew Domain Names | Completed | Bob | Low |
| 4 | Database Backup Configuration | In Progress | Rizwan | High |
Generated CSS
How to style an HTML table in Power Automate
When you use the Create HTML table action in Power Automate (often fed from a "Get items" SharePoint action), it outputs a very basic, unstyled HTML table. It lacks borders, padding, and alternating row colors, making it hard to read when sent in an email or Teams message.
Steps to apply this CSS:
- Add a Compose action immediately after your "Create HTML table" action.
- Paste the
<style>block generated by this tool into that Compose action. - In your "Send an email (V2)" or "Post message in a chat or channel" action, insert the output of the Compose action (the CSS) first, followed immediately by the output of the Create HTML table action.
When the email client or Teams renders the message, the browser engine will read your <style> tags and format the table exactly as it appears in the live preview above.
</> icon) when pasting raw HTML into Outlook email actions, or just use dynamic content mapping to insert the Compose output.Frequently Asked Questions
How do I style an HTML table in Power Automate?
You can style the output of the "Create HTML table" action by adding custom CSS in a Compose action and placing it directly above the table output in your email or message.
Does this work with SharePoint data?
Yes, this CSS works perfectly with SharePoint lists that have been converted to HTML tables using Power Automate.
Do I need to know CSS to use this?
No. This generator lets you pick colors, borders, and fonts visually, and it outputs the exact CSS string you need to copy and paste.