Table in e-mail

  • 20 February 2020
  • 2 replies
  • 15 views

Badge +3

Hello,

 

I try to display a table in my email, for this in the corp of my e-mail I insert a variable wich I called "TxtEmail" and in this variable I put a table with Creating a CHAR in my workflow.

 

It works, but when I open Outlook the rows of the table have got jump line spaces.

 

Like this :

 

6531i7A1151764D11378C.png

 

But when I edit this with JsFiddle (or open mail with navigator) it shows me correct like this :

 

6532iB873575E0D77646B.pngk

 

I use this code to create my table :

 

<table style="border-collapse:collapse;border-spacing:0;border-color:#aaa"><tr>
<tr>
<td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:bold;vertical-align:top">Quoi:</td>
<td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:normal;vertical-align:top">{ItemProperty:Quoi}‌</td>
</tr>

<tr><td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:bold;vertical-align:top">Où:</td>
<td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:bold;vertical-align:top">{ItemProperty:Image_emplacement}‌</td>

<tr><td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:bold;vertical-align:top">Traitée:</td>

<td style="font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:normal;vertical-align:top">{ItemProperty:Statut}‌</td>
</table></div>

 

Have you got an Issue for this problem ?

 

Thanks,

 

VijayAntoineMick


2 replies

Userlevel 3
Badge +9
You are missing 3 </tr> tags before the </table> tag.
Browsers are more forgiving of missing tags than Outlook is.


If you find this helps you then please mark this as a solution.
Badge +3

Hello @v-tmasenko ,

 

I found the solution, thanks for your reply, but the </tr> balises are not the errors in this case but good advice.

 

The problem was provided by the jump line in the code..

 

I copy and past the code here : <table style="font-weight:normal; border-collapse:collapse;border-spacing:0;border-color:#aaa"><tr><td style="line-height: 1px; font-size: 1px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:bold;vertical-align:top">Quoi ?</td><td style="line-height: 1px; font-size: 1px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:normal;vertical-align:top">{ItemProperty:Quoi}</td></tr><td style="line-height: 1px; font-size: 1px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:bold;vertical-align:top">Où ?</td><td style="line-height: 1px; font-size: 1px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:normal;vertical-align:top">{ItemProperty:Image_emplacement}</td></tr><tr><td style="line-height: 1px; font-size: 1px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:bold;vertical-align:top"><b>Traitée ?</b></td><td style="line-height: 1px; font-size: 1px;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;font-weight:normal;vertical-align:top">{ItemProperty:Statut}</td></tr></table></font>

 

 

 

In Notepad++, and I remove all jump line spaces and have this code in only 1 line.

 

Thanks all,

 

Regards AntonioMikyVijay

Reply