Home icon
Data Visualisation Guide

Table design: interactive tables

1 minute read

Table design

Consider the two interactive tables below. They don’t offer the scannability of printed tables (you can’t see all records in the table at once, you would have to use the pagination to go through all rows of the tables), but they offer something more powerful: a search box. With a search box, it is even more easy to find a row of interest.

Interactive tables can also offer user defined sorting, so that users can choose which column to sort the table on, in which direction (ascending or descending).

More advanced tables could have filters to filter the displayed rows and can have a fixed header row or a fixed first column with names or id’s that always stay into view.

Related pages

Arrangement and reading direction

Visual hierarchy: sizing

Visual hierarchy: colour

Chart anatomy

Fonts for numbers

Table design: scannability

Table design