You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Material React Pagination组件是否具备每页行数(Rows per page)选项?

Material UI Pagination组件是否支持每页行数选择?
  • 结论:Pagination组件本身不包含每页行数(Rows per page)选项,它是纯页码导航组件,仅提供页码切换的基础功能,因此API文档中无相关配置项。
  • 针对表格场景设计的TablePagination组件才集成了每页行数选择、页码切换、数据总数展示等完整分页控制功能,适配表格类数据展示需求。

示例代码对比

Pagination组件(仅页码切换)

<Pagination count={10} page={currentPage} onChange={handlePageChange} />

TablePagination组件(含每页行数控制)

<TablePagination
  component="div"
  count={100}
  page={page}
  rowsPerPage={rowsPerPage}
  onPageChange={handlePageChange}
  onRowsPerPageChange={handleRowsPerPageChange}
/>

组件功能差异说明

截图内容显示:TablePagination组件配备下拉选择器用于调整每页显示行数,同时搭配页码控制按钮;而Pagination组件仅提供页码切换按钮组,无行数控制相关UI。

内容的提问来源于stack exchange,提问作者mattsmith5

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.22 21:25:06