mj-table
This tag allows you to display table and filled it with data. It only accepts plain HTML.
<mjml>
<mj-body>
<mj-section>
<mj-column>
<mj-table>
<tr style="border-bottom:1px solid #ecedee;text-align:left;padding:15px 0;">
<th style="padding: 0 15px 0 0;">Year</th>
<th style="padding: 0 15px;">Language</th>
<th style="padding: 0 0 0 15px;">Inspired from</th>
</tr>
<tr>
<td style="padding: 0 15px 0 0;">1995</td>
<td style="padding: 0 15px;">PHP</td>
<td style="padding: 0 0 0 15px;">C, Shell Unix</td>
</tr>
<tr>
<td style="padding: 0 15px 0 0;">1995</td>
<td style="padding: 0 15px;">JavaScript</td>
<td style="padding: 0 0 0 15px;">Scheme, Self</td>
</tr>
</mj-table>
</mj-column>
</mj-section>
</mj-body>
</mjml>
| attribute |
unit |
description |
default value |
| align |
left/right/center |
self horizontal alignment |
left |
| border |
border |
table external border |
none |
| cellpadding |
pixels |
space between cells |
n/a |
| cellspacing |
pixels |
space between cell and border |
n/a |
| color |
color |
text header & footer color |
#000000 |
| container-background-color |
color |
inner element background color |
n/a |
| css-class |
string |
class name, added to the root HTML element created |
n/a |
| font-family |
string |
font name |
Ubuntu, Helvetica, Arial, sans-serif |
| font-size |
px |
font size |
13px |
| line-height |
percent/px |
space between lines |
22px |
| padding |
percent/px |
supports up to 4 parameters |
10px 25px |
| padding-bottom |
percent/px |
bottom offset |
n/a |
| padding-left |
percent/px |
left offset |
n/a |
| padding-right |
percent/px |
right offset |
n/a |
| padding-top |
percent/px |
top offset |
n/a |
| role |
none/presentation |
specify the role attribute |
n/a |
| table-layout |
auto/fixed/initial/inherit |
sets the table layout. |
auto |
| width |
percent/px |
table width |
100% |