Paginate article tables that exceed one desktop screen
For long tables embedded in articles, use pagination on tables to improve page flow and mitigate readers missing the continuation below for readers scrolling on desktop screens.
- purpose:refine
- basis:heuristic
- chart:table
- quality:readability
- lever:interaction-access
- density:dense
- communication:workflow
advice
Table pagination
Paginate a long table when it would extend past a desktop screen. For example, keep the table shorter than one desktop screen so readers still notice that the article continues below it.
reason
Why pagination helps article flow
A very tall table can visually look like the end of the story.
Mechanism: Pagination shortens the on-page table, which makes the rest of the article visible and signals that readers should continue scrolling.
Evidence: The post recommends pagination for long tables and gives a rule of thumb that the table should be shorter than a desktop screen if you do not want readers to miss that the article continues below it (Muth, 2019).
context
Use when the table interrupts the article
- User Goal: Read a story that contains a long table.
- Data: Many rows.
- Chart Setting: The table sits inside an article with more content below it.
- Audience: Readers are scrolling the article on desktop.
- Success Criterion: Readers notice the content below the table.
exceptions
Do not use when the table already fits
Break it when: The table is already shorter than a desktop screen or there is no article content below it. Why: The rule is specifically about preventing the table from hiding the continuation of the story.
costs
Tradeoffs of pagination
Sacrifice: Fewer rows are visible at once.
Risk: Most rows become hidden on later pages.
Mitigation: Put the most important rows near the top before paginating.
mistakes
Common article-flow mistake
Mistake: Leaving a table so tall that it fills more than one desktop screen inside an article. Why it fails: Readers may think the piece ends at the table.
check
Check whether the table hides the story
Failure Sign: On desktop, the next paragraph is not visible below the table.
Quick Check: View the page on a desktop-sized screen and see whether the table extends past the full screen height.
Stronger Test: Compare the page with pagination enabled and confirm that the article continuation becomes visible again.
fix
Fix the article flow
- Turn on pagination for the table.
- Reduce the rows shown per page until the full table block fits within one desktop screen.
- Reorder the table so the most important rows appear on the first page.