Table

The table block arranges facts in rows and columns. Use it when readers compare values across items — prices, dates, opening hours — and never to lay out a page.

1 · Making it readable

Header row — Names the columns and is announced by screen readers. Always keep it.

Striped rows — Alternating tints help the eye hold its place across a wide table.

Title Tablehead

Title Tablehead

Title Tablehead

Title Tablehead

Malesuada Bibendum Vehicula

Quam Porta Mollis

Tristique Sem Tellus

Vehicula Mollis Amet

Sollicitudin Pellentesque Aenean

Dolor Risus Lorem

Ultricies Cursus Bibendum

Ligula Tellus Ridiculus

Magna Nibh Amet

Inceptos Magna Mattis

Vestibulum Inceptos Etiam

Vulputate Parturient Lorem

2 · What fits in a cell 

Formatted content — Headings, bold, italic and links all work inside cells. Keep them short: a paragraph belongs in a Text block.

Title Tablehead

Title Tablehead

Title Tablehead

Title Tablehead

Heading H2

Heading H3

Text can be bold or italic or a Link

Heading H2

Heading H3

Text can be bold or italic or a Link

Heading H2

Heading H3

Text can be bold or italic or a Link

Heading H2

Heading H3

Text can be bold or italic or a Link

Heading H2

Heading H3

Text can be bold or italic or a Link

Heading H2

Heading H3

Text can be bold or italic or a Link

Heading H2

Heading H3

Text can be bold or italic or a Link

Heading H2

Heading H3

Text can be bold or italic or a Link