jQuery Datatable 和 jQGrid 之间的性能比较？答案

【问题标题】：Performance comparison between jQuery Datatable and jQGrid?jQuery Datatable 和 jQGrid 之间的性能比较？
【发布时间】：2015-11-26 13:43:59
【问题描述】：

我们为 3000 到 4000 行数据以及 50 列实现了 jQuery 数据表。但它会降低性能，因为我们实现了数据表的不同功能，如列级搜索、全局搜索、mrender、分页等。

我们正在使用 jQuery v1.7.2 和 jQuery dataTable 1.10.7 js。如何提高 jQuery 数据表或任何其他 jQuery 数据表替代品的性能以显示如此庞大的数据？

我的一个朋友建议使用 jQGrid。

jQuery datatable 和 jQGrid 的性能对比如何？哪个更好？或任何提高性能的替代方法？

【问题讨论】：

3000 或 4000 行并不是真正的大网格（至少对于 jqGrid）。 jqGrid 支持很多场景，例如服务器端的分页、数据的排序和过滤以及客户端（如果使用loadonce: true 选项）。一个人甚至可以使用loadonce: true 4000 行选项。您一次显示多少行？ 50 列的使用听起来很奇怪。我怀疑大量的列会导致更多的性能问题，因为 4000 行。你如何显示数据？你有很多隐藏的列吗？更多细节，需要图片。
感谢 Oleg 的宝贵指导。我们有 50 列要显示，没有任何列被隐藏。但是我们为用户提供了隐藏和显示 jQuery DataTable 插件提供的列的功能。我们需要一次显示所有 4000 行，因为我们方便用户选择要在 DataTable 中显示的记录数，并且用户可以选择一次显示所有记录的选项。那么对于上述场景，我们可以使用 jQGrid 吗？请建议。 jQGrid 是否在上述场景中表现出更好的性能？
我不知道数据表。所以我不能真正compere 性能，但我可以帮助您创建显示数据的 jqGrid。我仍然不明白您需要如何显示数据以及将在网格内显示什么（文本、数字、日期、复选框、图标、链接......）。网格有水平滚动条还是垂直滚动条？你有什么页面大小？如果您包含显示使用 dataTable 创建的网格的外观的图片，那将是实用的。网格中现在慢的是什么（数据的初始加载、排序、过滤……）？您使用哪种网络浏览器（旧 IE）？
我们在 DataTable 中显示了文本、数字、日期、复选框、图标、链接等，我们正在 Mozilla 40.0.3 上对其进行测试。
@Priyanka 这个问题有更新吗？你最终使用了什么解决方案？如果你有更好的解决方案，你能解释一下吗？在任何情况下，您都应该accept 回答，以便对未来的访问者有所帮助。

标签： jquery performance datatable jqgrid

【解决方案1】：

我在生产中使用jgGrid 已经有一段时间了。我也可以选择datatables 和jqGrid。我都测试过。数据表性能随着记录大小的增加而下降。

对于使用 jqgrid，loadonce: true 应该不会像 cmets 中提到的 @Oleg 那样出现问题，最多 10,000 条记录。

我已经在生产环境中测试了 jqGrid 超过 200 万条记录，并且工作正常。值得注意的是，我在这里实现了服务器端分页，并使用json 作为返回数据类型。

我已经实现了大量的额外功能，例如filter toolbar（这实现了全局搜索）、Inline Editing、服务器端和客户端分页，以及jqGrid 支持的大量其他功能。

此外，它真的很容易扩展jqGrid 功能并根据您的要求添加您的自定义功能。

作为额外的奖励，您可以在 StackOverflow 上为 jqgrid 获得很多关于已经提出的问题（或提出您自己的问题）的帮助。

【讨论】：

感谢 Dipen 的宝贵回复。
我会试一试并报告我使用 jqGrids 的经验