【问题标题】:Adding virtualization to Table with grouped rows in React在 React 中使用分组行向表添加虚拟化
【发布时间】:2018-12-05 15:26:04
【问题描述】:

我有一个带有分组行的 Material UI 表的工作版本。 https://codesandbox.io/s/1qzy3vvqp4

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

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

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

【问题讨论】:

  • 您找到解决方法了吗?我也有同样的需要。无论如何,我已经使用您的代码使其与分组一起使用。但无法正确处理分页。我正在使用 material-ui 表格分页内置功能。我还看到有一个基于 material-ui 的插件,一些高级功能,不幸的是它不是免费的。请参考以下链接。 devexpress.github.io/devextreme-reactive/react/grid/demos/…
  • 是的。上面的代码框链接是我所得到的,它现在正在运行,没有分页或窗口。

标签: reactjs material-ui react-virtualized


【解决方案1】:

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

然而,根据剩余信息,我不看代码:

  1. 是的。根据他们自己的建议,看看react-window,这是前者的重写版本。
  2. 还有一个你可以使用的库来处理这个问题:react-virtualized-auto-sizer

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-08-03
    • 1970-01-01
    • 1970-01-01
    • 2015-04-14
    • 2022-06-14
    • 1970-01-01
    • 1970-01-01
    • 2018-01-17
    相关资源
    最近更新 更多