在网页上加载/显示大量数据

Question

我有一个网页，其中包含一个用于显示大量数据的表（平均2,000到10,000行）。 此页面需要很长时间才能加载/渲染。这是可以理解的。

问题是，当页面正在加载PC内存使用量猛增时（iexplorer正在使用我的测试系统上的500mb）并且整个PC停止运行直到它完成，这可能需要一两分钟。 IE挂起直到完成，切换到另一个正在运行的程序是相同的。

我需要解决这个问题 - 理想情况下我想完成两件事：

1）单独加载页面的各个部分。因此，页面最初可以在没有大数据表的情况下呈现。装载div将被放置在那里直到它准备好。

2）渲染时不要耗费太多内存或本地资源 - 所以至少他们可以同时使用不同的选项卡/应用程序。

我将如何做这两件事或其中任何一件？

我是一名交易应用程序员，所以我对在网络环境中可以做的事情仍然有点不知所措。

干杯。

Answer 1

您可以尝试以下几点：

Loading data Asynchronously 和 Paging

Answer 2

两个基本选项：

• 分页
• 延迟加载（用户向下滚动时加载）。请参阅this jQuery plugin

Answer 3

关于第一部分，它被称为Ajax：显示没有表的页面，或者使用空表，然后使用ajax请求获取数据（以html或任何数据格式）并显示它。

关于第二部分，你想要一个叫做延迟加载的东西：只有在用户需要时加载数据的可能性，即当它在文档的可见部分时。您可以查看this question以获取能够处理数百万行的DataGrid库。