Table

Components

Checklist

Documentation

Checklist

Documentation

Checklist

Documentation

Checklist

0 out of

0 out of

8

8

Reset

Table header

The value of each column to provide structure for the row content

Fix your header on scroll to continue giving context to user

Row style

Borders and contrasting background colours can be explored to differentiate

Spacing

Define the consistent padding of each row and the header

Search

The ability to find a specific keyword or row

Ensure all of your possible data points can be searched and defined by text input

Actions

Performing a task based on the row and information seen e.g. view, edit, delete

Filter and sort

Allow users to customise what they want to see in the table and in which order

Responsiveness

Determine the structure on significantly smaller devices - whether the information collapses into an accordion for example

Horizontal scrolling is an alternative to rethinking a new layout

Pagination

Breakpoints in the table for digesting information in parts