Lists and tables
Lists and tables are used to display multiple items of data, arranged vertically.
Lists or tables
What is the difference between a list and a table?
Generally, tables should be used if there could be a lot of data and if there are multiple columns. Tables should be used for navigation pages, to increase product consistency. Lists can be used if the items could be displayed in a non-vertical arrangement, for instance as cards, and when there is not likely to be a large number of items.
This table can be used as a guide:
| List | Table | |
|---|---|---|
| Could be represented as cards in a grid? | Yes | No |
| Can have multiple lines per item? | Yes | No |
| Do all the items have the same properties? | No | Yes |
| Multiple columns? | No | Yes |
| Could the items be sorted by multiple aspects? | No | Yes |
| Is there likely to be more than 20 items? | No | Yes |
| Is the list used for a navigation page? | No | Yes |
