Skip to main content
Community site session details

Community site session details

Session Id : Mw4/UYhP4FZ3D8Al03D7S8
Power Automate - Building Flows
Answered

Adding borders to HTML table

Like (0) ShareShare
ReportReport
Posted on 5 Aug 2023 02:26:52 by 80

Hi, 

 

I'm currently keep getting this outcome with my current HTML :

Screenshot 2023-08-04 at 9.21.48 PM.png

I am attaching the data like this since there are multiple things with same title stored in sharepoint list: 

Screenshot 2023-08-04 at 9.23.21 PM.png

Screenshot 2023-08-04 at 9.24.31 PM.png

 

 

I would like to have a borders for each item, but kinda confused how to achieve it.

These are the styles and HTML code that I'm using: 

 

 

<style>
table {
 border: 1px solid #006472;
 background-color: white ;
 width: 100%;
 text-align: center;
 border-collapse: collapse;
}
table td, table th {
 border: 1px solid #AAAAAA;
 padding: 3px 2px;
}
table tbody td {
 border: 1px solid #AAAAAA;
border-bottom: 2px solid #AAAAAA;
 font-size: 13px;
}
table thead {
 background: white;
 border-bottom: 2px solid #444444;
}
table thead th:first-child {
 border-left: none;
}
</style>

<table>
 <tr>
 <th style="width:5%">No.</th>
 <th>Proposed Routing</th>
 <th>Estimated Setup Hours</th>
 <th>Estimated Labor Hours</th>
 <th>Special Instruction</th>
 </tr>
 <tr>
 <td>@{variables('varItemno')}</td>
<td >@{variables('varProposedRouting')}</td>
<td>@{variables('varEstimatedSetupHrs')}</td>
<td>@{variables('varEstimatedLaborHr')}</td>
<td>@{variables('VarSpecialInstruction')}</td>
</tr>
</table>

 

 

Any inputs to achieve the border lines to separate each Item I could greatly appreciate it!! Thank you. 

 

  • Verified answer
    Matthy79 Profile Picture
    4,178 Super User 2024 Season 1 on 05 Aug 2023 at 07:07:54
    Re: Adding borders to HTML table

    You don’t need all those variables. Just use “create html table” after “get items”. If you have your flow cleaned up and still having problems, post your new flow setup again and I will have a look at it.

  • pinball2 Profile Picture
    80 on 05 Aug 2023 at 07:01:03
    Re: Adding borders to HTML table

    @Matthy79 

    Thanks for the reply! 

     

    Yes I tried it, but it results the same. 

    I wonder maybe it’s because I put <br></br> when I'm ‘Append to sting vars’? 

    But if I don't do that, they just goes aligned horizontally, which I don't want. 

  • Matthy79 Profile Picture
    4,178 Super User 2024 Season 1 on 05 Aug 2023 at 06:58:41
    Re: Adding borders to HTML table

    You already have a boarder, but it looks like you put each record in only one cell. Why do you try to built the html table yourself if there is an action "create html table" that takes an array and creates it for you?

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Announcing our 2025 Season 2 Super Users!

A new season of Super Users has arrived, and we are so grateful for…

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Automate

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 497 Super User 2025 Season 2

#2
David_MA Profile Picture

David_MA 436 Super User 2025 Season 2

#3
Riyaz_riz11 Profile Picture

Riyaz_riz11 244 Super User 2025 Season 2

Loading complete