Components

Tables

Tables structure sets of data in a readable way. This guide explains how to use them.

This guide contains
Usage
  • Usage
  • Examples
  • Download

Usage

Color

Tables can have colors for the header and footer separators: black, red, and grey. If necessary, use a “zebra pattern” for the rows to make the table easier to read.

Mobile

Mobile tables need to be adjusted to the viewport, therefore tables can have various layouts. They can be split up by rows and placed underneath each other or can be horizontally scrollable. Use whichever fits your needs.

Examples

Download

Sketch UI Library
ZIP
85.97 MB