如何在 mui Table 分页中添加字符串文本 rowsPerPageOptions？

Question

谁能帮帮我？请查看下图，我想将每页 10 页更改为 10 页。每当我 select 10 20 或 30 我想得到每页 20 每页 30。

下图是我实际想要的示例。

伙计们，我已经阅读了整个 table 分页 api 文档，但我无法理解。

请立即检查代码快照。

Answer 1

在docs的基础上，rowsPerPageOptions可以处理对象数组

rowsPerPageOptions Array<number | { label: string, value: number }>

意味着你可以像这样使用：

...
count={10}
rowsPerPageOptions={[
   { label: "10 per page", value: 10 },
   { label: "20 per page", value: 20 },
]}
rowsPerPage={rowsPerPage}
...

how to add string text rowsPerPageOptions in mui Table Pagination?