2016-03-02 48 views
10

Niedawno pomyśleliśmy o zmianie naszego obecnego narzędzia sieciowego. Obecnie używamy kendo-ui dla siatki i wszystkich. Po wyszukiwaniu otrzymaliśmy 3 wyniki. Nadal jednak nie jesteśmy pewni, która z nich jest lepsza i dlaczego w przyszłości powinna zostać uruchomiona.ag-grid vs slick-grid vs angle-grid co jest lepsze?

Podczas korzystania z kendo opuściliśmy kontrolę nad nim. Byłoby świetnie, gdyby ktoś pomógł nam w wyborze odpowiedniej siatki z angularjs.

Odpowiedz

17

Po pierwsze, niektóre wyjaśnienia na temat tego zagadnienia, ag-Grid nazywane były siatką kątową, jednak zakładam, że chodziło o kątową-ui-siatkę (lub po prostu ui-siatkę), więc pozwólcie mi odpowiedzieć na ag-grid vs slick-grid vs ui-grid. Odpowiedź brzmi: ag-Grid.

Dla porównania, są to strony: ag-Grid, ui-grid, slick-grid

Wszystkie siatki są popularne i szeroko stosowane, każda ze społecznością użytkowników.

dać pełne porównanie jest poza kontekstem odpowiedzi Stackoverflow jednak feedback od społeczności mówi ag-Grid jest lepsze dla następujących powodów:

  1. ui-Grid działa tylko w angularjs 1.x . ag-Grid obsługuje Angular 1 i 2, React, a nawet natywny Javascript (no-Framework). Więc jeśli korzystasz z interfejsu ui-Grid, masz tylko jedną opcję dla swojego frameworka, to jest AngularJS 1. Slickgrid jest natywnym Javascriptem (używa JQuery), więc będzie działać również poza jakimkolwiek frameworkem.
  2. Dokumentacja dla ag-Grid jest doskonała.
  3. Dla funkcji przedsiębiorstwa (grupowanie, filtrowanie, renderowanie komórek niestandardowych, przypinanie) ag-Grid ponownie wygrywa. Funkcja grupowania i agregacji ag-Grid nie jest porównywana z innymi. Slickgrid nie ma przypinania, co było dla mnie blokerem. Tylko ag-Grid ma filtrowanie typu Excel.
  4. slickgrid nie jest już utrzymywany przez założyciela (zgodnie z jego witryną).
  5. ag-Grid jest napisany przy użyciu czystej Javascript, nie ma żadnych bibliotek jako zależności. ui-grid zależy od Angular. Slickgrid zależy od JQuery.
  6. Wydajność, SlickGrid i ag-Grid są na równi. Jednak ui-grid źle działa na dużych zbiorach danych.
  7. Kod źródłowy jest mądry, kod wewnątrz ag-Grid jest bardzo dobrze rozplanowany, więc kiedy trzeba zrozumieć, jak coś działa, łatwo można przeprowadzić debugowanie za pomocą kodu.
  8. I na koniec, jeśli ui-grid lub slickgrid spełniałyby moje standardy, nie musiałbym pisać ag-Grid!
+10

FYI, teraz jestem głównym żywicielem SlickGrid, tam w górę -to-date repo na https://github.com/6pac/SlickGrid –

+0

@niall jaka jest twoja opinia na temat angular2 materialnym stole lub cdk tabeli –

+0

@SumitKhanduri nie użyłem ani tak nie można mówić z własnego doświadczenia. jednak oba wydają się bardzo ograniczone w swoim zestawie funkcji, począwszy od tego, co jest na ich stronach internetowych. –

6

Rozglądałem się i znalazłem najlepszą odpowiedź tutaj: http://jspreadsheets.com.

Wszystkie popularne narzędzia sieciowe w jednym miejscu, z demonstracjami i funkcjami oraz wskaźnikami popularności.

  • Handsontable, handsontable.com
  • SlickGrid
  • Clusterize.js
  • ui-Grid:

    Aby to na StackOverflow zaakceptowane odpowiedź, listy porównania, w porządku gwiazd GitHub maleje zrobić , ui-grid.Informacje

  • DataTables, datatables.net
  • ng tabela ng-table.com
  • jqGrid
  • FancyGrid
  • BackGrid.js, backgridjs.com
  • Recline.js
  • Ag grid, ag-grid.com
  • Wiele innych

Wszystko są one dostępne w aplikacji Angular, niektóre bardziej "rodzime" niż inne. To, które z nich jest "lepsze", zależy od tego, co chcesz osiągnąć, i poziomu wysiłku w to wkraczającego.

+0

Jspreadsheets.com nie jest dobrym odnośnikiem, ponieważ gwiazdy GitHub są subiektywne do wieku projektu. Np. Ag-Grid jest bardzo nowy, a więc potrzeba czasu, aby zbudować swoje gwiazdy. popularność również nie sugeruje jakości, gwiazdy GitHub są równoważne głosom X! –

+0

To nie musi być punktem odniesienia dla oceny "jakości", ponieważ i tak jest to subiektywne dla potrzeb projektu. Jest to dobre odniesienie do listy istniejących rozwiązań, które są szeroko stosowane i natychmiast daje przegląd możliwości i funkcji oferowanych. – kert

+2

Wygląda na to, że strona jest napisana przez ludzi, którzy tworzą opcję Handsontable (moim ulubionym). Jednak nie wspomina o OpenFin Hypergrid, którego powinieneś mieć na uwadze http://openfin.github.io/fin-hypergrid-polymer-demo/components/fin-hypergrid/demo.html – opticyclic