Tables
Use tables to present data clearly in a structured grid. Styled tables improve readability and help readers scan information across different email clients.
Tables support a wide range of use cases, including simple datasets, structured data and time-based schedules.
When to use
Use tables to:
- display structured datasets where column alignment helps comprehension
- present schedules or timetables
- provide quick-reference formats that use clear headings and consistent alignment to aid understanding.
When not to use
Avoid using tables when:
- information is better presented as a list or card component
- content is mainly narrative or descriptive.
Variations
Tables are available in different formats to suit the type of information being presented, ranging from simple data grids to structured datasets and detailed schedules.
Basic table
Straightforward table for smaller datasets, summaries and comparisons.
Data list
Structured key-value table for reference details, metadata and contact information.
Schedule table
Time-based table for agendas, itineraries and event schedules.
Design guidance
- Use clear, concise headings for each column.
- Keep the structure simple – avoid merged cells or complex formatting that may not render well across email clients.
- Ensure readability on mobile devices – content should stack clearly on small screens.
- Provide contextual information, such as a heading or lead-in sentence, so readers understand what the table shows.
- Use alternating row colours or subtle borders to support scanning.