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
相关产品推荐
相关产品推荐

