如何提供一个选项来选择页面中的记录数 - React table？

Question

使用 React table 显示数据，我如何为用户提供选择显示行数的选项？ 像 :

提前致谢，

Answer 1

您可以使用属性 pageSizeOptions.

控制要在 react-table 中显示的行数

它接受整数数组。例如：

pageSizeOptions: [5, 10, 20, 25, 50, 100]

Answer 2

来自docs,

你必须提供道具给<ReactTable />

showPageSizeOptions= {true}
pageSizeOptions= {[5, 10, 20, 25, 50, 100]}
defaultPageSize= {2}

Demo