reactjs - 在 React 中使用分组行向表添加虚拟化

标签 reactjs material-ui react-virtualized

我有一个 Material UI 表格的工作版本,其中包含分组行https://codesandbox.io/s/1qzy3vvqp4

现在我需要能够处理大量的行(通过分组)。

有人做过吗?我该如何处理?

  • react-virtualized 是否有一些我可以使用的功能?
  • 我是否应该尝试根据 scrollHeightscrollY 找出我自己的计算。如果是,那会是什么样子,因为我的数据被分成多个数组进行分组?

最佳答案

我很想看看工作示例(因为我正在搜索在 react 表中分组的选项),但链接已关闭。

但是,根据剩余的信息,如果不看代码,我会说:

  1. 是的。并通过他们自己的推荐,看看react-window ,这是前者的重写版本。
  2. 还有一个您可以使用的库可以解决这个问题:react-virtualized-auto-sizer

关于reactjs - 在 React 中使用分组行向表添加虚拟化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51050815/

相关文章:

css - 使用 Material-UI 将 Logo 与中心对齐

reactjs - 使用 typescript 向 Material 用户界面添加自定义断点

javascript - react-virtualized - 带有 Masonry 的 InfiniteLoader 不起作用

javascript - 通过 onFocus 属性中的事件对象获取 TextField(作为选择框)Material-UI 的名称属性

reactjs - 将父级 ​​onWheel 转发到滚动表

javascript - react 虚拟网格排序图标

javascript - 为什么无法在@material-ui 中设置成功按钮的样式

javascript - 更好的 jsx 条件来订购组件

javascript - 如何使用更高阶的组件动态设置 displayName ?

javascript - 在使用 Material-UI 的 React 中复选框无法切换