【问题标题】:ag-grid vs slick-grid vs angular-grid which is better? [closed]ag-grid vs slick-grid vs angular-grid 哪个更好? [关闭]
【发布时间】:2016-06-15 08:18:38
【问题描述】:

最近我们想改变我们当前的网格工具。目前我们将 kendo-ui 用于网格和所有。经过搜索,我们得到了 3 个结果。但是,我们仍然不确定哪个更好以及为什么在未来运行。

在使用剑道时,我们错过了对它的控制。如果有人可以帮助我们使用 angularjs 选择正确的网格,那就太好了。

【问题讨论】:

    标签: angularjs kendo-grid angular-ui-grid slickgrid ag-grid


    【解决方案1】:

    披露:我是 ag-Grid 的创始人兼首席执行官。

    首先,澄清一下这个问题,ag-Grid 曾经被称为 angular-grid,但是我认为您的意思是 angular-ui-grid(或简单的 ui-grid),所以请允许我回答 ag-grid vs slick -grid 与 ui-grid。答案是 ag-Grid。

    作为参考,这些网站是:ag-Gridui-gridslick-grid

    所有网格都很流行并被广泛使用,每个网格都有一个用户社区。​​p>

    完整的比较超出了 Stackoverflow 响应的范围,但来自社区的反馈表明,ag-Grid 更好,原因如下:

    1. ui-Grid 仅适用于 AngularJS 1.x。 ag-Grid 支持 Angular 1 和 2、React 甚至原生 Javascript(无框架)。因此,如果使用 ui-Grid,您的框架只有一个选项,那就是 AngularJS 1。Slickgrid 是原生 Javascript(使用 JQuery),因此也可以在任何框架之外工作。
    2. ag-Grid 的文档非常好。
    3. 对于企业功能(分组​​、过滤、自定义单元格呈现、固定),ag-Grid 再次获胜。 ag-Grid 的分组和聚合特性是其他的不匹配的。 Slickgrid 没有固定功能,这对我来说是个障碍。只有 ag-Grid 具有类似 Excel 的过滤功能。
    4. slickgrid 不再由创始人维护(根据他的网站)。
    5. ag-Grid 是使用纯 Javascript 编写的,它没有任何库作为依赖项。 ui-grid 依赖于 Angular。 Slickgrid 依赖于 JQuery。
    6. 在性能方面,SlickGrid 和 ag-Grid 不相上下。但是 ui-grid 在大型数据集上表现不佳。
    7. 源代码方面,ag-Grid 中的代码布局非常好,因此当您需要了解某事物的工作原理时,可以通过代码轻松调试。
    8. 尺寸大小,ag-Grid 比大多数竞争对手都要大。大约 2018 年 8 月 1 日,ag-grid 的 CDN 下载为 783978 bytes minified..that doesn't include stylesheets。对于某些人来说,这可能会破坏交易。
    9. 最后,如果 ui-grid 或 slickgrid 符合我的标准,我就不需要编写 ag-Grid!

    【讨论】:

    • 仅供参考,我现在是 SlickGrid 的主要维护者,github.com/6pac/SlickGrid 有一个最新的 repo
    • @NiallCrosby 您说文档非常好,但我一直找不到任何特定于 Angular 2+ 的文档。所有代码示例都使用 JavaScript - 没有 TypeScript。我必须决定如何处理 Angular 2+ 中缺少 ui-grid 以及文档中缺少 TypeScript 给人的印象是 Angular 2+ 不是 ag-grid 的优先事项,并且一些文档可能不适用于 Angular 2+。例如:ag-grid.com/javascript-grid-cell-rendering-components/… 显示直接的 DOM 交互,这不是很 Angular。
    • 以后,请务必注明您与正在讨论或推荐的产品的从属关系。
    • agGrid 具有非常好的人体工程学设计,但我认为您会在帖子中提及 size of the JS payload。我只是花了几个小时试图学习它......只是发现CDN download file是783978字节缩小..不包括样式表。这是我正在做的事情的破坏者,而且我显然并不孤单。 :-/ 请更新这篇文章以提及它,以及你正在做什么来解决它。
    • 关于权利要求 6 的任何文档或参考资料表明 ag-Grid 和 Slickgrid 的性能是否相当?根据此测试,情况并非如此:crankuptheamps.com/blog/posts/2017/10/05/grid-comparison
    【解决方案2】:

    我环顾四周,在这里找到了最佳答案:http://jspreadsheets.com

    所有流行的网格工具都集中在一个地方,那里有演示、功能和流行度指标。

    为了使它成为 StackOverflow 接受的答案,比较列表按 github 星的降序排列:

    • Handsontable,handsontable.com
    • SlickGrid
    • Clusterize.js
    • ui-grid,ui-grid.info
    • DataTables、datatables.net
    • ng-table, ng-table.com
    • jqGrid
    • FancyGrid
    • BackGrid.js, backgridjs.com
    • Recline.js
    • ag-grid, ag-grid.com
    • 多个其他人

    所有这些都可以在 Angular 应用程序中使用,其中一些比其他应用程序更“原生”。哪个“更好”取决于您想要完成的任务以及为此付出的努力。

    【讨论】:

    • Jspreadsheets.com 不是一个很好的参考,因为 GitHub 的星星取决于项目的年龄。例如,ag-Grid 是非常新的,因此需要时间来建立它的星星。人气也不代表质量,GitHub star 就等于 X 因子票!
    • 它不需要作为评估“质量”的参考,因为无论如何这对于项目需求都是主观的。它是列出广泛使用的现有解决方案并立即概述所提供的功能和特性的一个很好的参考。
    • 该网站看起来像是由制作 Handsontable 的人编写的(无论如何我最喜欢)。但是,它没有提到 OpenFin Hypergrid,您应该关注openfin.github.io/fin-hypergrid-polymer-demo/components/…
    【解决方案3】:

    我喜欢Jeet grid

    Stylus

    Stylus 不尝试与 CSS 语法兼容,因此比 SCSS 更强大

    【讨论】:

    • Jeet 是一个网格系统(布局),这个问题是关于数据网格的
    猜你喜欢
    • 2018-01-06
    • 2011-05-28
    • 1970-01-01
    • 2021-05-18
    • 2021-11-20
    • 2011-01-20
    • 2018-10-26
    • 2015-10-22
    • 2017-04-29
    相关资源
    最近更新 更多