1. Feature Overview
“Responsive table” is a toggle in Email Message Template Settings that rebuilds the order-items table so it always fits in narrow mail-clients and mobile preview panes.
-
Before – prices and decimals could wrap onto two lines when the viewport was too small.
-
After – table cells re-flow vertically, columns are centred, and typography/padding rules keep values on one line while remaining readable on any device.
2. Typical Use-Cases
-
Brands with high mobile-open rates – prevents decimal line-wrap and cramped tables on phones.
-
Stores selling configurable or personalised items – attribute padding (1.5 em) keeps long option lists readable.
-
High-value orders – bold left-hand labels and regular right-hand values emphasise totals without duplicating emphasis.
-
Multi-image order lines – responsive rows accommodate thumbnail galleries.
4. Step-by-Step Implementation Guide
A. Enable & Test
-
Go to: Email Message Template Settings
-
Turn Responsive table ON.
-
Save the template.
| What happens behind the scenes? |
MessageTokenProvider.cs now injects a vertical-stack HTML structure using colspan/rowspan instead of fixed three-column rows. All cells receive inline text-align:center, padding:0.4em 0 (fixed spacing bug), and attributes get an extra padding:1.5em 0. |