mjml-table

4.15.3 • Public • Published

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>

try it live

`mj-table` is an "ending tag", which means it can contain HTML code which will be left as it is, so it can contain HTML tags with attributes, but it cannot contain other MJML components. In `mj-table` specifically, you can put anything you would put in a `<table>` element. More information about ending tags in this section.
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%

Readme

Keywords

none

Package Sidebar

Install

npm i mjml-table

Homepage

mjml.io

Weekly Downloads

645,897

Version

4.15.3

License

MIT

Unpacked Size

8.98 kB

Total Files

4

Last publish

Collaborators

  • mjmlio
  • iryusa
  • loeck
  • ngarnier
  • meriadec
  • kmcb