2016-03-02 16 views
10

Kürzlich dachten wir, unser aktuelles Grid-Tool zu ändern. Derzeit verwenden wir Kendo-Ui für Gitter und alle. Nach der Suche kamen wir mit 3 Ergebnissen. Aber wir sind immer noch nicht sicher, was besser ist und warum in Zukunft laufen wird.ag-grid vs slick-grid vs angular-grid was ist besser?

Bei der Verwendung von Kendo haben wir die Kontrolle darüber verloren. Es wäre toll, wenn uns jemand bei der Wahl des richtigen Gitters mit angularjs helfen könnte.

Antwort

17

Zuerst einige Klarstellungen zu der Frage, ag-Grid hieß früher angular-grid, aber ich nehme an, du meinst angular-ui-grid (oder einfach ui-grid), also erlaube mir ag-grid vs Slick-Grid vs Ui-Grid. Die Antwort lautet ag-Grid.

als Referenz, das sind die Seiten: ag-Grid, ui-grid, slick-grid

Alle Netze sind sehr beliebt und weit verbreitet ist, die jeweils mit einer Gemeinschaft von Nutzern.

ein vollständiger Vergleich zu geben, ist außerhalb des Kontexts einer Antwort Stackoverflow, aber Feedback aus der Community sagt ag-Grid aus den folgenden Gründen besser ist:

  1. ui-Grid funktioniert nur in AngularJS 1.x . ag-Grid unterstützt Angular 1 und 2, React und sogar natives Javascript (no-Framework). Also, wenn du ui-Grid verwendest, hast du nur eine Option für dein Framework, das ist AngularJS 1. Slickgrid ist natives Javascript (verwendet JQuery) und funktioniert daher auch außerhalb eines Frameworks.
  2. Dokumentation für ag-Grid ist ausgezeichnet.
  3. Für Enterprise-Funktionen (Gruppierung, Filterung, benutzerdefinierte Zellenrendering, Pinning) gewinnt ag-Grid erneut. Die Gruppierungs- und Aggregationsfunktion von ag-Grid wird von den anderen nicht erfüllt. Slickgrid hat kein Pinning, das war ein Blocker für mich. Nur ag-Grid hat eine Excel-ähnliche Filterung.
  4. slickgrid wird nicht mehr vom Gründer gepflegt (laut seiner Website).
  5. ag-Grid wird mit reinem Javascript geschrieben, es hat keine Bibliotheken als Abhängigkeiten. Ui-Gitter hängt von Angular ab. Slickgrid hängt von JQuery ab.
  6. Leistung, SlickGrid und Ag-Grid sind auf Augenhöhe. Allerdings ist das ui-Grid bei großen Datenmengen schlecht.
  7. Source Code weise, der Code innerhalb ag-Grid ist sehr gut angelegt, wenn Sie also verstehen müssen, wie etwas funktioniert, ist es leicht, über den Code debuggen.
  8. Und zuletzt, wenn ui-grid oder slickgrid meinen Standards entsprachen, hätte ich nicht nötig ag-Grid zu schreiben!
+10

FYI, ich bin jetzt der Haupt Maintainer von SlickGrid gibt ein liegt -to-Datum Repo bei https://github.com/6pac/SlickGrid –

+0

@niall was ist Ihre Meinung zu angular2 Material Tabelle oder CDK-Tabelle –

+0

@SumitKhanduri habe ich auch nicht verwendet, so kann nicht aus Erfahrung sprechen. beide scheinen jedoch in ihren Funktionen sehr eingeschränkt zu sein, ausgehend von dem, was auf ihren Websites ist. –

6

Ich schaute mich um und fand die beste Antwort hier: http://jspreadsheets.com.

Alle gängigen Grid-Tools an einem Ort, mit Demos und Funktionen und Beliebtheit Indikatoren genau dort.

Um dies eine Stackoverflow akzeptierte Antwort zu machen, die Vergleichslisten, um von Github Sternen abnehmend:

  • Handsontable, handsontable.com
  • SlickGrid
  • Clusterize.js
  • ui-Gitter , UI-Gitter.info
  • DataTables- datatables.net
  • ng-Tabelle, ng-table.com
  • jqGrid
  • FancyGrid
  • BackGrid.js, backgridjs.com
  • Recline.js
  • Ag- Gitter, ag-grid.com
  • Mehrere andere

Alle Diese sind innerhalb einer Angular-App verwendbar, einige mehr "nativ" als andere. Welcher "besser" ist, hängt davon ab, was Sie erreichen wollen und wie viel Mühe Sie darauf verwenden.

+0

Jspreadsheets.com ist keine gute Referenz, da GitHub-Sterne vom Alter des Projekts abhängen. ZB ist ag-Grid sehr neu und braucht Zeit, um seine Sterne aufzubauen. Popularität bedeutet auch nicht Qualität, GitHub Sterne sind gleichbedeutend mit X-Faktor Stimmen! –

+0

Es muss keine Referenz für die Bewertung von "Qualität" sein, da dies für die Projektanforderungen ohnehin subjektiv ist. Es ist eine gute Referenz für die Auflistung der vorhandenen Lösungen, die häufig verwendet werden, und gibt sofort einen Überblick über die angebotenen Funktionen und Funktionen. – kert

+2

Diese Seite sieht so aus, als wäre sie von den Leuten geschrieben worden, die Handsontable gemacht haben (mein Favorit jedenfalls). Es erwähnt jedoch nicht OpenFin Hypergrid, das Sie im Auge behalten sollten http://openfin.github.io/fin-hypergrid-polymer-demo/components/fin-hypergrid/demo.html – opticyclic

0

Ich mag Jeet grid

mit Stylus

Stylus macht keinen Versuch, CSS-Syntax kompatibel zu sein und so ist mächtiger als SCSS