Skip to main content

Tables

Tables display information in a grid-like format of rows and columns.

Tables Example

Overview

Tables are largely based on the List component. Tables can be stacked horizontally and vertically in multiple rows and columns, whereas Lists can only be stacked vertically in a single column.

Usage

Use when

  • User needs to easily scan and compare data.
  • User needs to view and edit data.
  • Manipulating and navigating through a large amount of data.
  • Previewing data before drilling down further.

Don’t use when

  • You only have a small data set.
  • A more detailed amount of information needs to be displayed by default.
  • There is more than one piece of information within a cell.
Last updated November 14, 2023.