Skip to main content

Table

A grid of rows and columns used to display data in a structured format that has clear relationships between rows and columns. Design elements include the table heading, rows, and columns.

Example

Optional caption to provide more context to the table.
Table head Table head Table head Table head
Content of table Content of table Content of table Content of table
Content of table Content of table Content of table Content of table
Content of table Content of table Content of table Content of table
Content of table Content of table Content of table Content of table
Content of table Content of table Content of table Content of table
Content of table Content of table Content of table Content of table

When to use

Tables are best used for tabular data such as statistical data, schedules, or any information where you need to compare values across multiple categories.

Guidelines

Avoid using tables for layout purposes or when the data would work better as a list or in paragraph form. On mobile devices, wide tables may create horizontal scrolling and alternatives to tables should be used.

Accessibility

Always include proper table headers (

elements). Provide captions or summaries for complex tables to ensure screen readers can navigate them effectively.