Javascript React虚拟化-嵌套WindowScroller/List

我尝试使用react虚拟化来呈现一个包含1000多行数据的表。这些行非常重，包含多个复杂的反应组件。输入、组合框、日期选择器和弹出菜单都在一行中。我需要整个窗口来滚动这些行

我还需要将行分组并将它们嵌套到显示/隐藏样式的手风琴组件中

[+] Row Header 1
    row 1
    row 2
    ...
    row 1001
[+] Row Header 2
    row 1
    row 2
    ...
    row 1001

我不确定如何处理这个用例，或者React虚拟化是否可以处理这类事情

我所尝试的：

结合使用WindowScroller/AutoSizer/List组件，并将这组react虚拟化组件放置到每个手风琴中。这可以工作，但不能解决我的性能问题。问题，因为它仍然太多，浏览器无法处理（第一次加载约为25秒，滚动不可用）

我是否也需要使用WindowScroller/AutoSizer/List组件来处理第一级行标题

---

任何想法或例子都将不胜感激

您至少可以释放UI线程，以便与web workers一起滚动（当然这是一个重要的UX原则）

这里是a，a（和），和

---

这会延迟主“UI”线程的工作，但是如果可以使用钩子将工作记录下来，那么您也可以首先防止这种延迟。

关于同一问题。你有没有找到一个很好的解决方案来分享？目前正在考虑两种可能的选择：1）在每个级别上使用虚拟化网格（当行展开时，组网格和子项网格）2）仅使用一个虚拟化网格，将我的数据准备为树状结构，并在展开项时仅更改行数。要显示所有这些组件，或者您只有一个标题，稍后将展开该标题以显示复杂的组件结构？