Contain wide tables without widening the whole page

What to change

Ask for a clearly bounded table interaction that preserves surrounding page readability and exposes all columns.

A worked example

Illustrative example

A visitor pans a comparison table horizontally while the page heading and explanatory text remain fitted to the screen above it.

How to check the result

Accept when all table content is reachable within an understandable local scroll area and ordinary page content retains its normal reading width.

A mistake to avoid

Clipping excess columns can make a screenshot look neat while removing the information people opened the table to compare.

Your action checklist

Use these checks to prepare a discussion with your team or supplier. Tick a check when you have recorded the decision or evidence, rather than when a feature has simply been promised.

Decisions to recordOpen the widest table on a narrow screen. Check whether sideways movement affects only the table and whether there is a visible cue that more columns exist.Reach the table with a keyboard and access the hidden columns. Ask the supplier to demonstrate that focus does not move to offscreen actions without revealing them.Scroll to both extremes and inspect row identifiers. The visitor should still be able to relate a far-right value to its intended row.

Evidence, open questions and decisionsNext action and responsible role

Entries stay in this page and are not submitted to Kay & Co. Download your notes before leaving; the page does not save them.