cancel
Showing results for 
Search instead for 
Did you mean: 
rampprakash

Create HTML Table with Border while sending Email using Microsoft Flow

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 🙂