Overview
Guidelines
Usage
Data tables should:
- Keep information organized in a meaningful way, such as hierarchical or alphabetized
- Allow user interaction so that a data display is customizable and interactive
- Use with a logical structure that makes content easy to understand
Main elements
States
- Enabled
- On hover
- Selected
- Disabled
Alignment
For certain elements such as numerical values, percentages, etc., cells should be right-aligned to improve readability.
- Left-aligned
- Center-aligned
- Right-aligned
Depending on the data, table cells can contain different types of content. For example, text, icons, checkboxes, tags, action buttons, and profiles.