You’re offline. This is a read only version of the page.
Hi experts!
I managed to get additional approval-related information into the approval email sent from my flow. The problem I have is that the table is very wide. That in combination with the approval mail having fixed width causes the information in the table to look like this:
When I forward the email the fixed width is getting removed and the table looks OK:
Also in MS Teams the table looks good:
Any idea how to change the approval mail available width?
Thanks and have a nice day everyone!
Regards, Denis
‎‎‎‎This can be solved using and worked for me today in email and teams notification:
Please find my working markdown code:
| Action ‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ | Description |
|--------------------------|:-----------|
| **Migrate**‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ ‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎| Some text here |
| **Remove** ‎| Some text here |
| **Reject**‎ | Some text here |
| **Reassign**‎      | Some text here |
I figured out a way of solving this by using 'Send email with Options'. Simply add options 'Approve' and 'reject' and evaluate the answer afterwards. This of course only works via mail and cannot be used inside Teams or in Dataverse when the user is logged in. But still, it solved the issue for me 🙂
BR, Denis
@jinivthakkar Yes, I think that's how it his. Thanks for checking! I will create an SR to see if anything could be done.
BR, Denis
@monstrator I tried below different combinations of html and css but nothing seems to be working, so I conclude that it can't be done. There is nothing on the official documentation here - https://docs.microsoft.com/en-us/power-automate/approvals-markdown-support#tables
Share
Report
All responses (
Answers (<div class="foo">
Header | header
------ | -----
Bar | bar
</div>
<style>
.foo table {
border-collapse: collapse;
border: 1px solid black;
}
</style>
| <div style="width:290px">property</div> | description |
| --------------------------------------- | ------------------------------------- |
| `border-bottom-right-radius` | Defines the shape of the bottom-right |
<style>
table th:first-of-type {
width: 10%;
}
table th:nth-of-type(2) {
width: 10%;
}
table th:nth-of-type(3) {
width: 50%;
}
table th:nth-of-type(4) {
width: 30%;
}
</style>
+---------+---------+---------+----------+
| Header1 | header2 | header3 | header4 |
+---------+---------+---------+----------+
| Bar | bar | bar | bar |
+---------+---------+---------+----------+
--------------------------------------------------------------------------------
If this post helps answer your question, please click on “Accept as Solution” to help other members find it more quickly. If you thought this post was helpful, please give it a Thumbs Up.
Hi @jinivthakkar ,
thanks for your post but this is not my problem. I am using the "start and wait for approval" step for which you cannot use HTML in the body:
You can only use markdown language and the frame for the approval mail body seems to be fixed width.
BR, Denis
@monstrator click on code view on email action
and then paste the html
I tried this html : https://www.w3schools.com/cssref/tryit.asp?filename=trycss_table_table-layout
it has 4 table designs, I think you will be interested in below highlighted designs:
Basically you will have to include css and html to get the desired output.
--------------------------------------------------------------------------------
If this post helps answer your question, please click on “Accept as Solution” to help other members find it more quickly. If you thought this post was helpful, please give it a Thumbs Up.
#1
Tomac
986
Moderator
#2
stampcoin
699
Super User 2025 Season 2
#3
Riyaz_riz11
577
Super User 2025 Season 2
