Use a data table to display information in a table of rows and columns
There are 2 variants
1. Default
2. No stripes
Usage
Do use a table when showing in-depth information to users who want to get into the details:
Do use a table to show raw data in a table form, for example energy use data over a period of time
Use a divider row to break up a long table into multiple sections
Don't use a table to give users every available piece of information at the start of a journey, as it can overwhelm and be inaccessible. Try to follow a progressive disclosure pattern and start with high-level information, offering detailed tables to users who want them.
Available platforms
|
Platform |
Available |
|---|---|
|
Figma |
v1+ |
|
Web (@ovotech/element) |
v1+ |
|
App (@ovotech/element-native) |
v1+ |
Related
External links