Skip to content

Tables That Remain Readable on a Phone

A narrow screen should not hide table information.

What this means

A narrow screen should not hide table information. A wide data table may need sideways scrolling, but every column must remain reachable and the headings must still make sense.

Passing examples

  • A timetable scrolls sideways to expose every column.
  • A short table fits a phone screen with readable text and clear headers.
  • A responsive table keeps the heading associated with each value when its layout changes.

Failing examples

  • The final price column is cut off with no way to reach it.
  • The entire table is shrunk until the words are too small to read.
  • A mobile layout separates values from their headings, leaving readers unable to tell what they mean.

What a maintenance sign-off means