如何在reactjs中通过datatable使用API实现分页

问题描述 投票:0回答:1

首先我们加载带有空数据的React数据表,之后将调用API,您根据过滤器获取数据并需要显示所有数据,因此如果将页面大小更改为全部带有空数据,则会出现错误。 警告:收到

children
属性的 NaN。如果这是预期的情况,请将值转换为字符串。

分页还显示 NAN 页码。

有没有办法用api和react datatable显示所有数据。

谢谢

我们想要过滤所有包含空数据的页面大小。

reactjs pagination dynamic-data react-data-table-component
1个回答
0
投票

我认为您错过了页面大小和总数, 这就是为什么你收到 NaN 因为分页总计数是 NaN,你必须将总计数设置为 0,并且在调用 API 时使用加载。

设置加载前请求表数据,一旦数据长度大于0,显示表后停止加载。

您可以参考这里https://mui.com/material-ui/react-pagination/

© www.soinside.com 2019 - 2024. All rights reserved.