Create HTML table & CSS using Cloud flows

Introduction: In this blog, we will see how to create html table and CSS using Cloud Flow

Use case : Our Project requirement is to have Invoice details in tabular form.

Solution:

Create HTML table :

Step 1 : Select a “Select” Step in Ms flow and add the fields in the table

Select 3 
value x 
Inwoice Nurnber 
In woice 
Inwoice Amour.t 
Enter key 
Irp,'orce Number x 
Due 
Enter value

In our case, we wanted Invoice Details in the table, hence selected “List Value” from the records in the “From”.

Step 2 : add Create HTML table in the flow.

Select 3 
Create HTML table 3 
From 
Columns 
Hide advanced options 
Output x 
Automatic

Output from the above is :

Invoice Number Invoice Date Invoice Amount 
2020-03-31 16300

Apply CSS

Step 3 : Add step Compose in the flow

Note : Do not forget to add Output of HTML table created in the above step.

2pK 
bodytCreate_HTML table_3')

Output from the above step is :

Please find below pending invoice details: 
Invoice Number 
Thanks & Regards: 
Account Manager. 
Invoice Date 
2020-04-08 
2020-04-08 
Invoice Amount 
1000 
1000

I hope this helps you to create table using Cloud flows

Published by Ankita Chavan

Software Engineer

Leave a comment

Design a site like this with WordPress.com
Get started