Pagination
You might say
There are too many items for one page. Add page numbers at the bottom.
Move through a large result set in separate pagesPagination breaks a long result set into stable pages and works well when people need to return to a position or compare totals. Keep filters and sorting when the page changes. For a casual content feed, loading more items may feel more natural.
When to use it
- Search results
- Admin tables
- A stable archive
- Data where total pages and position matter
When NOT to use it
- Reset filters whenever the page changes
- Use tiny page links that are hard to select
- Show page numbers when the total is unknown
- Paginate a short list that fits comfortably
Anatomy
‹
1
2
…
10
›
‹ › Turn the page back and forth, it will be grayed out when you turn to the top
The current page is highlighted, click to go directly to the corresponding page
Collapse the middle page number when there are too many pages
Variants
Basic
‹123…10›
There are many pages and you need to jump directly to a certain page
Simple
‹3 / 12›
When space is limited and you only need to turn pages forward and backward
Mini
‹123›
Pop-up windows and small pagination in small cards
Typical use cases
Order table
All orders
#20260718Wireless noise-canceling headphonesCompleted¥899
#20260717Mechanical keyboard 87 keysDelivery¥329
128 items in total
‹123…13›
Search results
About 2,431 results found (0.32 seconds)
The ten most worth buying wireless headphones in 2026
How to choose noise-canceling headphones? Understand these three parameters
‹123…122›
Article archive
MemberRoleStatus
Alex ChenAdministratorOnline
Chen YiEditOffline
20 items per page · 342 items in total
‹123…18›
Member directory
Mountain Life: Weekend Hiking Equipment List
Read 3.2k · 3 days ago
My minimalist workbench construction record
Read 1.8k · Last week
‹123›