小编JP *_*lvo的帖子

Material-UI:设置 rowCount 时 DataGrid 服务器端分页问题

所以我刚刚开始使用Material UI,并且非常喜欢它。现在,我们正在开发一个项目,涉及菲律宾某个特定城市的用户、员工和地址的数据,我决定使用表格将其显示给客户,因为我发现这更容易。因此,这个表需要进行分页、排序、过滤等操作,而我们是在服务器端进行这些操作。显然,客户需要发送一些数据,就像{ page: 1, page_size: 50, ....}我们在我的反应中所做的那样。

我现在遇到的问题是我认为它与DataGrid. 我认为在获取数据库中的数据rowCount后该表不会重新呈现。我这里totalRows有沙箱(PS:您必须放大输出屏幕才能看到 。)但是正如您所注意到的,第一次加载时下一个箭头被禁用,并且它不会重新渲染实际数据的时间包括加载的行数。但是,如果您继续导航(例如更改页面大小),它就会变得可用,就像没有任何问题一样。 rowsPerPageOptions

我现在有点被这个问题困扰,我什至不知道我是否以正确的方式使用它。任何帮助将不胜感激。

import { useState, useEffect } from "react";
import { DataGrid } from "@material-ui/data-grid";
import { Box } from "@material-ui/core";

const dummyColorsDB = [
  { id: 1, color: "red" },
  { id: 2, color: "green" },
  { id: 3, color: "blue" },
  { id: 4, color: "violet" },
  { id: 5, color: …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui

7
推荐指数
1
解决办法
2万
查看次数

标签 统计

material-ui ×1

reactjs ×1