Day 17 · Pagination 分页：内容很多，分段找

Pagination 适合把一长串列表、表格或搜索结果拆成可定位的页面。它解决的不是「展示得更炫」，而是让用户能知道自己在哪一页、还能回到某一页。

图 1｜一句话记住：内容很多，分段找。Ant Design 对 Pagination 的说明是：长列表可以被分成多个页面，一次只加载一页；Carbon 也把它定义为把大量内容分到独立页面，并让用户控制每页查看多少内容。1 2

图 2｜最容易混的是 Infinite Scroll 和 Stepper。Infinite Scroll 会随着滚动连续加载内容，交互打断少，但用户更难回找某个具体位置；NN/g 也指出，某些场景下 Pagination 或 Load More 会比无限滚动更合适。3 线性流程则不该靠 Pagination 表达，Carbon 明确提醒不要用分页展示表单进度这类线性旅程。2

图 3｜常见形态包括基础页码、上一页 / 下一页、每页条数、快速跳转。Ant Design 的 Pagination API 里有 showQuickJumper、showSizeChanger、showTotal 等能力；Carbon 的结构说明也把每页条数、当前范围、当前页、前后翻页按钮列为核心组成。1 2

图 4｜该用：数据很多、需要回找、需要跳到某页、加载性能要分批。别用：内容很少、只是表达流程进度、或本身就是沉浸式内容流。MUI 也把 Pagination 描述为让用户从一组页面中选择特定页，并提醒表格型大数据还有专门的 TablePagination。4

记忆口诀：大列表分页，流程用 Stepper；想让用户一直刷，再考虑 Infinite Scroll。