Arco Design分页组件怎么自定义每页显示条数？

西门甜雅提问于 2026-03-30 11:23:11 阅读 3

组件

我用 Arco Design 的 Pagination 组件，想让用户自己选每页显示多少条，比如 10、20、50 这些选项，但文档看得有点懵。

试过加 pageSizeOptions 属性，但下拉框没出来，是不是还要配合别的属性？

<Pagination
  total={100}
  pageSizeOptions={[10, 20, 50]}
/>

我来解答赞 0 收藏

反馈

1 条解答

极客利云 Lv1

pageSizeOptions 只是第一步，你还得加个 showPageSize 属性设成 true 才行。完整写法大概是这样

<Pagination

  total={100}

  pageSizeOptions={[10, 20, 50]}

  showPageSize={true}

  defaultPageSize={10}

/>

defaultPageSize 是可选的，不写的话会用 pageSizeOptions 第一个值。另外记得检查下你用的 Arco 版本，老版本可能不太一样。这组件我之前也踩过坑，文档有时候说得不太清楚。

简单总结下关键点：要显示条数选择，必须同时有 pageSizeOptions 和 showPageSize 这俩属性。一般这样处理就差不多了。

2026-03-30 12:01