How to make some data in HTML Table shown in different colors

(0) Share

Report

Posted on by york

Hi Experts:

I have a flow like below picture by using "Create HTML Table" and "Compose" to send the table in an mail;

I want that if the result is FAIL, it will be shown in red, how can I achieve it?

Categories:

Building flows

I have the same question (0)

All responses (4)

Answers (1)

shoog 2,164 on at

Like (0)

Report
Copy link

Link copied!
I'm not sure what you are using the Compose action for, but if it's referencing the output of the create HTML table, you could modify the reference to that output to this:

replace(body('Create_HTML_table_4'), 'FAIL', '<span style="color:rgb(255,0,0)">FAIL</span>')

to add some HTML/CSS to make the word FAIL turn red.

Was this reply helpful? Yes No
york 64 on at

Like (0)

Report
Copy link

Link copied!

Hi Shoog：
It seems not work when I add the code into my compose action, below is my CCS code, could you help check how to add it?
<style>
table {
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #197CF7;
background-color: #EFFFFFF;
width: 100%;
text-align: center;
border-collapse: collapse;
}
table td, table th {
border: 1px solid #AAAAAA;
padding: 3px 2px;
}
table tbody td {
font-size: 13px;
}
table thead {
background: #1C6EA4;
border-bottom: 2px solid #444444;
}
table thead th {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
border-left: 2px solid #D0E4F5;
}
table thead th:first-child {
border-left: none;
}
</style>

Was this reply helpful? Yes No
Verified answer

shoog 2,164 on at

Like (0)

Report
Copy link

Link copied!

Ok so you don't actually reference the HTML table in the compose action?

If you only reference the HTML action in the send email action, the expression should be in the send email action, replacing the output of the HTML table action.

Was this reply helpful? Yes No
york 64 on at

Like (0)

Report
Copy link

Link copied!

Hi Shoog:
Thank you very much!!!!!! It worked now!!👏

Was this reply helpful? Yes No