2010-06-22 6 views
36

Jestem zainteresowana używanie jQuery dataTable ... czy możesz mi powiedzieć i dać mi przykład, jak tego używać .. i słyszałem o jqGrid zbyt ... który lepiej od nich obu?jqGrid lub dataTable, które lepiej?

byłem spróbuj pobrać dataTable ..

<script type="text/javascript" src="jquery.dataTables.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#showdata').dataTable({ 
//what must i fill in this area? 
}); 
}); 
</script> 

Odpowiedz

36

Próbowałem zarówno i postanowił wykorzystać datatables. Stwierdziłem, że ma lepszą dokumentację, lepszą obsługę społeczności i łatwiej było rozpocząć korzystanie z tej wtyczki.

Zasadniczo, jeśli masz kod html tak:

<table> 
    <thead> 
     <tr>...</tr> 
    </thead> 
    <tbody> 
     <tr>... 
    </tbody> 
</table> 

(umysł THEAD i tbody)

Wtedy twój przykład powinien generować ładne DataTable. Istnieje kilka parametrów, które można dostosować, ale można z nich korzystać opcjonalnie.

Należy również rozważyć, jeśli chcesz wygenerować DataTable na podstawie:

  1. statyczny html (obciążenie raz)
  2. treść otrzymanych od serwera są możliwe

Obie opcje z datatables i oba mają wiele przykładów na datatables.net.

W przypadku jakichkolwiek problemów upuść informacje ze szczegółami.

+0

Wolałbym używać GigaTables, ponieważ ma narzędzie do edycji za darmo - https://github.com/GigaTables/gigatables. –

+0

@ArthurKushman Powinieneś chyba wspomnieć, że jesteś autorem gigagajtów :-) – chteuchteu

+0

Wolałbym teraz polecić używanie wersji ReactJS - https://github.com/GigaTables/reactables JQuery jeden jest przestarzały i nie jest obsługiwany. PS Tak, głównym współtwórcą jest ja, ale dlatego, że jest to projekt typu open-source - zapewnienie możliwości stania się głównym źródłem wsparcia dla każdego. –

10

Używam również DataTables. Przyciągnęły mnie dokumenty, api i elastyczność. W moim projekcie mam front interfejsu ajax, w którym tabela zawiera edytowalne kontrolki oraz sortowanie/filtrowanie kolumn. Niektóre sieci mają wszystkie dane na kliencie, inne pobierają dane z wywołań serwera stronicowanego, w zależności od ilości danych.

Deweloper ma całkowitą kontrolę nad renderowaniem kolumn. Polecam, jeśli chcesz elastyczności. To jest tego warte. Autor, Allan Jardine, jest wyraźnie bardzo utalentowany.

+0

yupz..i zgadzam się z twoją opinią. Od kiedy zapytałem o to pytanie, zdecydowałem się użyć DataTables. prawie moja strona danych wyświetla się jako DataTable. To jest dla mnie nowa rzecz;) – klox

8

Zacząłem używać datatables, ale bardzo powoli ładowałem i sortowałem kilkaset lokalnych przedmiotów. Więc próbowałem jqgrid i działa dobrze z tysiącami lokalnych ładowanych elementów. Tak więc jqgrid ma lepszą wydajność. Ale czasami potrzebuję pracować z dziesiątkami tysięcy lokalnych elementów, a jqgrid również staje się wolny. Wiem, że te wtyczki są zaprojektowane do pracy z architekturą klient/serwer, więc oceniam zmianę projektu mojej aplikacji.

16

jqgrid wydaje się być bardziej potężny i elastyczny, jednak straszna dokumentacja. Jeśli nie masz kogoś w pobliżu, aby pomóc w jqGrid, lepiej jest z datatable.

+4

Całkowicie zgadzam się na straszną część dokumentacji. –

+1

istnieje wiele odpowiedzi na SO, a także wiele poprawiono w najnowszych wersjach – msanjay

5

Moja firma właśnie podjęła decyzję, aby korzystać z DataTables również z powodów wymienionych powyżej. Oceniliśmy to kilka lat temu i wygląda na to, że wiele z jego wad zostało zidentyfikowanych przez zespół. Nie jest doskonały, ale myślę, że gdy już zdecydujemy się go nauczyć od wewnątrz i na zewnątrz, wszystko będzie dobrze.