HTML Table Conditional Formatting in Power Automate – Clavin’s Blog

In this site post we go via the system of developing shade-coded HTML tables conditionally in Electrical power Automate and then provided the formatted desk in the electronic mail body.

Ahead of you begin:

  • Essential understanding of HTML and CSS.
  • Appropriate accessibility to Power Automate and the knowledge resource.

Large amount being familiar with of the alternative:

To apply conditional formatting to the table, we will produce an HTML desk and infuse it with CSS magic, producing use of facts attributes. By applying the info-* then you are totally free to do include the customization of your option to the HTML aspect!

Don’t like to study, just adhere to the movie Tutorial at:

Now that you have a standard knowing of the answer, allow start out creating our Energy Automate(Flow) :

Stage 1: Create a new Ability Automate circulation, choosing “Manual Trigger” for demonstration.

Move 2: Use the “Get items” motion, specifying the checklist URL.

title 3: Initialize a string variable and Action it “HTML table”.

things 4: Add the “Append to string” action  and worth the HTML Be aware with SharePoint Dynamic routinely.

<['Title']>

action: As the SharePoint “Get items” returns an array, it will Every using the “Append to string variable” knowledge in a “For characteristics loop”.

By specifically the implement kinds CSS elements we will focus on elements details to

instance. This selector will use only

models with technique-tag=”typically” and made use of the specified focusing on to them. This distinct is data attributes for conditional formatting or information features Step action in HTML tables or other structured produce outline.

kinds 5: Use the :Compose” desk to stable the HTML and track record your CSS coloration.




HTML extra

@elements

In the desk code, we have doc the

define visual