在React中使用Grid和Table加载大数据带有react-window

问题描述

我有一个带有起始页的项目,其中显示用户的整个项目列表。 用户可以在表格和表格之间切换。

对于网格,我使用CSS网格

  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
  grid-auto-rows: auto;
  grid-gap: 2px;
  align-items: stretch;
  justify-items: stretch;

对于表,我使用Material UI的Table,TableCell,TableRow,TableHead和TableBody组件。

现在,我想找到一种很好的方法来渲染带有大数据的表格/表格。到现在为止,我已经有了一个加载屏幕,该屏幕在所有数据加载完成时完成。那太久了。

我找到了react-window或react-virtualized以及react-virtualized-autosizer,但是无法正常工作。是否有带有响应式CSS网格和表格的示例,而您不知道项目的宽度和高度?

谢谢您的帮助!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...