Ng-grid 与 ui-grid [关闭]答案

【问题标题】：Ng-grid vs. ui-grid [closed]Ng-grid 与 ui-grid [关闭]
【发布时间】：2015-10-19 14:30:38
【问题描述】：

我查看了 angular-ui 模块，因为我需要实现一个网格。

我看到有稳定版的ng-grid和不稳定版的ui-grid。

我应该使用哪个版本？
它们是否非常不同或难以转换？

【问题讨论】：

那么你选择了哪一个？进展如何？
我也很好奇你选择了哪一个。如果一个人使用 ui-grid，如果 ui-grid 确实坏了，是否能够轻松地将大部分相同的代码与 ng-grid 一起使用？
毕竟我不需要网格。对不起伙计们:)

【解决方案1】：

github repo 说所有开发都将在 ui-grid (ng-grid 3) 上进行。这意味着 ng-grid 已成为传统网格。在我看来，ui-grid 足够稳定，可以使用，使用 ng-grid 的唯一原因是如果你已经开始使用它。新项目最好使用 ui-grid。他们还声称 ui-grid 的性能比 ng-grid 好，虽然我没有测试过。

更新：

UI Grid 3 的稳定版本已经发布，这意味着它可以在生产应用程序中使用。在他们的文档站点上，他们有关于如何从旧版 ng-grid 升级的指南。见Tutorial: 099 Upgrading

【讨论】：

我正在从头开始构建一个新的网络应用程序，并在开始时尝试了 ng-grid 和 ui-grid。我的一些网格有 1000-2000 行，我可以说 ui-grid 比 ng-grid 快得多。根据记忆，ng-grid 的显示时间约为 60 秒，而 ui-grid 的显示时间约为 1 秒。所以，我同意你提到的 ui-grid 性能声明。
我们在生产 3.x (ui-grid) 中使用了 ng-grid 2.x - 可能比以前快 2-3 倍（现在是通用版本）

【解决方案2】：

这是同一个项目。 ng-grid 较旧（2.x 版），UI Grid 较新（3.x 版）但尚未正式发布（目前处于release candidate 状态）。它们非常相似，比较 v2 (ng-grid) 和 v3 (UI Grid) 的教程。

编辑（2014 年 11 月 12 日）： v3 中仍然缺少的 v2 的一个主要功能是分组 (github issue)。如果这是你现在不能不坚持使用 v2 的事情。

【讨论】：

请注意：3.x 代码库中添加了评估分组功能

【解决方案3】：

ui-grid 正在取代 ng-grid，并且对 ng-grid 的支持越来越少，因为大多数原始 (2.x) 贡献者不再活跃，其余贡献者几乎只在 3.0 上工作。

所以，如果出现以下情况，我会使用 ng-grid：

您已经在使用它，并且没有任何需要升级的紧迫问题
您确实需要一款稳定且经过良好测试的产品

如果满足以下条件，我会使用 ui-grid：

您现在正在开始一个新项目，并且不打算在几个月内投入生产
您需要 ui-grid 提供而 ng-grid 不提供的功能（例如导出、导入、状态保存），或 ui-grid 提供的特定功能
您计划广泛定制或突破功能的限制 - ui-grid 更可定制且更受支持
您已经尝试过了，它可以满足您的所有需求
您不需要早于 IE9 的 IE 支持（大多数情况下仅支持 IE10 及更高版本）

一般来说，我倾向于使用 ui-grid，除非你因为某种原因不能使用它。

另请注意，最近在 Alpha 版中发布了分组功能。

编辑：我们最近还注意到亚马逊网络服务在他们的控制台中的几个地方使用 ui-grid....所以我想这部分回答了它是否准备好用于生产使用的问题。

【讨论】：

你知道 ui-grid 中 ng-grid beforeSelectionChange 的等价物是什么吗？