Your bookmarks

Table

Creates a striped table for your tabular content.

Tables are great for presenting information with a clear, repeating structure. Our users are busy and may not want to read long sections of text. Breaking structured data into tables can help them scan it and find what they need to make informed decisions.

While tables present a clear structure, they are not good for designing layouts. Use them only when data you are presenting calls for a tabular structure, for example prices for various travel dates or multiple options for baggage.

Component status

Figma
Designing
March 2020
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Released

Component structure

Table head: optionally describes what each column contains; table body: wraps table rows; table rows: wrap table cells; table cells: present static information.