Material UI dataGrid 性能

Posted 2023-02-22

【中文标题】Material UI dataGrid 性能

【英文标题】：Material UI dataGrid performance

【发布时间】：2021-08-13 01:25:09

【问题描述】：

我正在尝试使用 Material UI 数据网格来显示选项链。本质上，我正在创建 4 个数据网格，每个数据网格有 172 行，页面大小为 100（总共大约 700 行）。要加载 4 个网格，或者选择和取消选择表中的值，很容易需要几秒钟的时间。由于他们声称这具有“超快”的性能，我想知道材料 ui 数据网格是否真的可以处理这个问题？数据网格中有什么东西可以用来提高我的表现吗？还是我的代码有问题（我知道我没有提供代码，它不应该是相关的；如果其他人正在体验材料 UI 适合这种工作，那么我知道它是我的代码）？

【参考方案1】：

Material UI 是一个了不起的框架，它可以很好地处理 DataGrid。 由于代码不可用，无法评论您正在寻找的性能，但根据我的经验，它的速度非常快。

另外根据您提供的详细信息，一次加载这么多数据肯定需要一些时间。因此，如果 MUI 失败，可以先尝试加载较小的块，否则如果您想探索，还有其他选择：

1. Material Table

2. React Table

3. Ag-Grid

这些都易于使用且速度也很快。

【讨论】：

谢谢！我会再读一遍我的代码，也许是我的错

感谢 Krishna，有没有办法比较可用网格的性能？

查看此链接 - debugbear.com/blog/measuring-react-app-performance