Table patterns

Interacting with tables

Form inputs within tables

Hiding and revealing tables (accordions)

We don’t yet have a recommendation about how to hide and reveal tables.

If you have any examples to share, or have researched this pattern, please get in touch.

Large tables (or lots of tables)

Don’t try to answer multiple questions by making one very large table. Instead break the information out into smaller, more focused tables. It’s easier to scroll through a long page with lots of tables than to hunt for information in one big table.

People don’t mind scrolling through a long page, so long as they are confident they will find what they are looking for. Use the content at the top of the page to set the user’s expectations so they are happy to scroll. Consider using in-page navigation to help the user find the information they need in a long page.

‘Users do scroll when the content is relevant, organised properly and formatted for ease of scanning. In fact, people prefer scrolling the page for content over pagination when the topics within that page answer the right questions.’