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

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Blogs / Power Apps - Community Blog / Create HTML Table with Bord...

Create HTML Table with Border while sending Email using Microsoft Flow

Views (13113)
Ram Prakash Duraisamy Profile Picture Ram Prakash Duraisamy 5,704 Super User 2026 Season 1

Implementation Steps:

 

Usually when we send an email with HTML Table Body Microsoft Flow cannot generate Table Border. Below is the Sample Screenshot how the Table will be

 

Microsoft Flow HTML Table With out Border :

 

rampprakash_0-1643394171527.png

 

 

Microsoft Flow HTML Table with Border:

 

rampprakash_1-1643394333251.png

 

How Can we Achieve this?

 

Open/Create Microsoft Flow --> Open Your Email Notification weather it is Outlook or Send Email Notification

 

First Create Data Operation and Create a HTML Table

 

rampprakash_3-1643395307252.png

 

 

Click Code View

 

rampprakash_2-1643395172043.png

 

In the Email Body

 

rampprakash_4-1643395429801.png

 

Create a <table>Pass your Output Value here</table>

 

HTML Code:

 

 

<head>
<style>
table {
 font-family: arial, sans-serif;
 border-collapse: collapse;
 width: 100%;
}

td, th {
 border: 1px solid #dddddd;
 text-align: left;
 padding: 8px;
}

tr:nth-child(even) {
 background-color: #dddddd;
}
</style>
</head>

 

 

That's it 🙂

 

 

Comments

*This post is locked for comments