html table formatting to team

[Anonymous]

Hi, 

I am wondering how I can represent table in a better look in Teams

Below is what I received in the Teams. I would like to have table lines and colours in background. 

[Heartholme]

Hi MK18,

This should help you out; 

Keep your CSS script in a compose action:

Then add the output of the compose before your HTML table like this:

Output:

If this solved your case, please mark it as a solution.

Let me know if you have any further issues.

Br

Heartholme

Additional information:

CSS script:

<style>

table{
font-family: Arial, Helvetica, sans-serif;
background-color: #EEEEEE;
border-collapse:collapse;
width: 100%;
}

Table td, table th {
border: 1px solid #ddd;
padding: 3px 3px;
}

HTML table in compose:

<table>
<tbody>
<tr>
<td>Equipment ID </td>
<td>&nbsp;Numberlocation</td>
<td>Eqiument name</td>
<td>Due date</td>
</tr>
<tr>
<td>&nbsp;Q0003</td>
<td>QA</td>
<td>Chroma Meter</td>
<td>empty</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>

[Anonymous]

HI @Heartholme 

I did like below

Do I need to do anything with below you posted??

HTML table in compose:

<table>
<tbody>
<tr>
<td>Equipment ID </td>
<td>&nbsp;Numberlocation</td>
<td>Eqiument name</td>
<td>Due date</td>
</tr>
<tr>
<td>&nbsp;Q0003</td>
<td>QA</td>
<td>Chroma Meter</td>
<td>empty</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>

but still showing like before

[Heartholme]

 Sorry for the late reply. I checked the code in teams right after I posted and saw that it didn't run as intended, but had to run out for an errand.

Seems like teams dosen't support CSS formatting. So we have to do all the formatting inside the HTML.

If you ditch the CSS script and add a border like this it should work:

<table border = "2">
<tr>
<td>Equipment ID </td>
<td>&nbsp;Numberlocation</td>
<td>Eqiument name</td>
<td>Due date</td>
</tr>
<tr>
<td>&nbsp;Q0003</td>
<td>QA</td>
<td>Chroma Meter</td>
<td>empty</td>
</tr>
</tbody>
</table>

I didn't work out the background color but I will check some more and get back to you.

[Heartholme · Accepted solution]

@Anonymous 

After a lot of back and fourth I can't get this to work. I could not find any official documentation of this but my conclusion is that teams is running HTML5 (where the command: bgcolor = "red" for example is discontinued, reference: https://www.geeksforgeeks.org/html-bgcolor-attribute/)

And that teams right now, does not support CSS styling (Refrence on this: https://techcommunity.microsoft.com/t5/teams-developer/styling-html-message-from-graph-in-teams/m-p/1065372)

So when teams are running HTML5 which dosen't support "bgcolor" and in addition dosen't support CSS styling, it's as far as I can see impossible to add background color to your tables in teams. You can add a border (see below), and you should be able to change the text color of your text.

To add a border <table border = "2"> in the start of the HTML script.

Hope this was helpful.

[lordneeko]

I've been trying to find whether there is a "User Feature Request" for this one, but I cannot find the "new" IDEAS website for Power Automate. When I click the "Feature Request" link from the home page of Power Automate, I get a page that says "Error Access Denied" pointing at https://powerusers.microsoft.com/t5/Power-Automate-Ideas/idb-p/MPAIdeas

Anyone know where to add ideas these days?