我们在我们的应用程序和Griddle库中使用 React 框架来创建具有 10,000 行的表格网格。我们的应用程序大量使用网格中呈现的所有数据的搜索、排序功能。
我们面临的问题是浏览器花费大量时间来创建这些子行组件并渲染它们。平均 1 行大约需要 1 毫秒。有 10,000 行，它转换为 10 秒，这是巨大的。
理想情况下，我们希望以某种方式调整只渲染一小部分数据，比如假设 50 行，然后在用户滚动时动态渲染下一组数据。然而搜索；排序功能应该适用于所有数据。
- Griddle 是最适合的，还是有一些其他库可以用于当前架构的延迟加载。
- 关于如何实现这一点的其他解决方案，例如服务器端排序、搜索，然后仅将一小部分数据返回到前端。然后在用户滚动事件上获取下一组分页数据。