JavaScript数据网格数百万行

我需要呈现大量的行数据(即。数百万行)在一个网格中使用JavaScript传递给用户。

用户不应该一次只查看页面或有限数量的数据。

相反，应该显示所有数据都是可用的。

不同于一次性下载所有数据，小块数据是在用户访问它们时下载的。通过滚动网格)。

行不会通过前端进行编辑，因此只读网格是可以接受的。

对于这种无缝分页，存在哪些用JavaScript编写的数据网格?

当前回答

(声明:我是w2ui的作者)

我最近写了一篇关于如何用100万条记录实现JavaScript网格的文章(http://w2ui.com/web/blog/7/JavaScript-Grid-with-One-Million-Records)。我发现，最终有3个限制因素会阻止你把分数提高:

div的高度有限制(可以通过虚拟滚动来克服) 在大约100万条记录之后，诸如排序和搜索之类的操作开始变慢 RAM是有限的，因为数据存储在JavaScript数组中

我已经用100万条记录(IE除外)测试了网格，它表现良好。有关演示和示例，请参阅文章。

2013-12-06 23:35:44

其他回答

在我看来，最好的网格如下:

Flexigrid: http://flexigrid.info/ jQuery网格:http://www.trirand.com/blog/ jqGridView: http://plugins.jquery.com/project/jqGridView jqxGrid: https://www.jqwidgets.com/ 英格丽德:http://reconstrukt.com/ingrid/ SlickGrid http://github.com/mleibman/SlickGrid

datatable http://www.datatables.net/index

屏蔽 http://demos.shieldui.com/web/grid-virtualization/performance-1mil-rows 智能电网 https://www.htmlelements.com/demos/grid/overview/

我最好的3个选择是jqGrid, jqxGrid和DataTables。它们可以处理数千行数据并支持虚拟化。

2012-01-12 06:38:52

我建议你读一读

http://www.sitepen.com/blog/2008/11/21/effective-use-of-jsonreststore-referencing-lazy-loading-and-more/

2010-03-16 14:57:11

我使用了jQuery网格插件，这是很好的。

演示

2010-03-08 16:51:25

我强烈推荐Open rico。一开始很难实施，但一旦你抓住了它，你就永远不会回头。

2011-11-01 07:16:28