Columns & Tables

Column component and table component have different rendering effects in email.

1. Columns are mobile responsive. Multiple columns will be stacked vertically on mobile.
2. Each column can have different height, even if they are in same row.
3. Column background color expands to full width of the email body.
4. Tables are not mobile responsive. The table layout will respect the width of the screen, and will not stack vertically.

When to use columns

✅ To align static data or images side by side. E.g shipping and billing address, horizontally stacked images etc...
✅ To create a header section. Add column and set a background color. Then you can add logo and text fields.

When to use tables

✅ To show static or dynamic line items
✅ When you don't need mobile responsiveness