当页面为 1 时，Material-UI Datagrid 分页从第二页开始

Posted 2023-02-22

【中文标题】当页面为 1 时，Material-UI Datagrid 分页从第二页开始

【英文标题】：Material-UI Datagrid Pagination is starting on second page when given 1 for page

【发布时间】：2021-05-28 23:21:35

【问题描述】：

我正在使用 Material-UI Datagrid，但我遇到了分页问题。我有一个 api 将接受一个页面 # 和一个像这个 page=$page&limit=10`) 的限制。一旦 api 被命中并返回 10 行，我将这 10 行与 Laravel 使用分页发送的任何分页数据一起存储。它看起来像这样。

奇怪的是，这是第一页的正确数据，但分页显示它是第二页数据。

这是数据网格通过查看控制台中的组件选项卡获得的数据

在初始加载时，分页会发生这种情况

这是组件的样子

【参考方案1】：

该组件从 0 开始计数。确保您的 DataGrid 组件被赋予 0 作为 page 属性值:)

这样做可能是为了让您在使用数组时更轻松。

我使用了their demo，如果你将 state 中的值更改为 0，它会跳转到第 1 页。

【讨论】：

太棒了。 Material UI 应该记录这些细节。