【发布时间】：2021-04-08 06:38:09
【问题描述】：
我一直在使用材料表.... 样表代码：https://codesandbox.io/s/material-demo-forked-86e7g?file=/demo.js
示例表 O/P 如下图所示
我想添加加载更多按钮，如下图所示：
单击加载更多按钮，它会加载其余数据。
我不希望如何加载更多数据，我只想在材料表中有这个加载更多按钮。
我尝试寻找解决方案，但找不到此表的任何内容。
如果有人对此进行了研究或需要任何进一步的信息，请告诉我。
【问题讨论】：
-
你要实现的功能是分页，看到右下角就已经支持了。
-
不不....这与分页无关。由于我有非常大的数据集，因此加载所有数据需要时间。所以我想将数据限制为 100，如果用户想要加载所有数据，他们可以单击加载更多并获取所有数据。所以对我来说分页和加载更多按钮的用法是不同的。
-
您可以限制当前图片中的行数为 5，但您可以更改这些值，我猜大约支持 20，您也可以自定义。
-
我想我不清楚，看看当我从 API 获取时，它会返回数据库中的所有数据，这是一大组数据，但我想将限制设置为 100，所以一次只会加载 100 个数据，现在当我在表中添加显示更多按钮时，用户可以加载所有剩余的数据。在谈论分页时，由于所有数据都是从 API 获取的，所以加载时间仍然保持不变，一旦加载，我就可以设置一次可以查看多少数据。所以，这就是我寻找加载更多按钮的原因，这样我就可以限制在开始时要获取多少数据。
标签： reactjs react-hooks material-table