Adding borders to a table

(2) Share

Report

Posted on by Charles-v-D

280

Hi All,

I'm using the "Create HTML table" action, which is being populated with data from an Array. The HTML table is then dropped into a "Send an Email ((v2)" action. The content of the both the e-mail and table is fine.... BUT: the table itself is not shown. I see my text in virtual columns, but I would love to see the borders of each cell in the table... as this make reading the lines easier etc....

Is there a way to get this done?

Thanks

Regards

Charles

Categories:

Building flows

I have the same question (0)

All responses (7)

Answers (1)

Sort by

Jay-Encodian 2,920 on at

Like (7)

Report
Copy link

Link copied!

Hi @Charles-v-D

It's fairly simple, you can use the replace function to change the HTML string generated by the 'Create HTML Table' action:

Expression: replace(body('Create_HTML_table'),'<table>','<table border="1">')

Example output:

HTH

Jay

-------------------------------------------------------------------------

If I have answered your question, please mark your post as Solved.

If you like my response, please give it a Thumbs Up

Was this reply helpful? Yes No
Verified answer

yashag2255 24,769 Super User 2024 Season 1 on at

Like (3)

Report
Copy link

Link copied!
Hi @Charles-v-D

Yes. You can refer to the screenshot below for the same:

Code:

<head> <style> table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #dddddd; } </style> </head>

Output:

Hope this Helps!

If this reply has answered your question or solved your issue, please mark this question as answered. Answered questions helps users in the future who may have the same issue or question quickly find a resolution via search. If you liked my response, please consider giving it a thumbs up. THANKS!

Was this reply helpful? Yes No
Charles-v-D 280 on at

Like (0)

Report
Copy link

Link copied!

Hi @yashag2255

Thanks for the quick turnaround! I have made an e-mail action exactly like yours but I simply get the whole code as plain text in the e-mail with the border-less table at the end... what am I doing wrong?

Regards
Charles

Was this reply helpful? Yes No
yashag2255 24,769 Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!

Hi @Charles-v-D

Can you share a screenshot of your email action? On that can you check what action you are using and if you have enabled the code editor on the action?

Click the icon to enter code mode.

Hope this Helps!

If this reply has answered your question or solved your issue, please mark this question as answered. Answered questions helps users in the future who may have the same issue or question quickly find a resolution via search. If you liked my response, please consider giving it a thumbs up. THANKS!

Was this reply helpful? Yes No
Charles-v-D 280 on at

Like (1)

Report
Copy link

Link copied!

@Jay-Encodian thanks for your help on this. I was able to solve the problem using @yashag2255 approach already... thanks anyway!

Was this reply helpful? Yes No
Charles-v-D 280 on at

Like (1)

Report
Copy link

Link copied!

@yashag2255 the suggestion to put it into code mode solved it! Thanks!!

Additionally. Can you provide coding example on how to set the letter-type and letter-size to Calibri 10 ??

Thanks

Regards
Charles

Was this reply helpful? Yes No
Cradle2theGabe 8 on at

Like (0)

Report
Copy link

Link copied!

Beautiful! Thanks for the simple solution!

Was this reply helpful? Yes No