Tworzenie tabel bywa problematyczne, szczególnie jeśli musimy wyświetlić dużo kolumn. W tym przypadku zazwyczaj pojawią się problemy z responsywnością i zachowaniem czytelności tabeli. Oprócz tego często będziemy musieli tworzyć mnóstwo funkcjonalności takich jak sortowanie, filtrowanie i wyszukiwanie.
W tym artykule poznasz 10 wtyczek jQuery, które rozwiążą Twoje problemy z tworzeniem zaawansowanych tabel.
jQuery KingTable
jQuery KingTable pozwala na wygenerowanie tabeli na podstawie wprowadzonych danych. Umożliwia paginacje po stronie serwera i klienta, wyszukiwanie danych w tabeli i tworzenie własnych filtrów.
stacktable.js
Stacktable.js to plugin jQuery, który pozwala konwertować szerokie tabele na mniejsze – znacznie lepiej wyglądające na urządzeniach mobilnych.
FooTable
FooTable to responsywa tabela zbudowana z myślą o Bootstrapie. Mimo to, działa równie dobrze bez niego. Obsługuje paginacje, sortowanie i edycję danych.
Tabella.js
Tabella.js to dynamiczna i responsywna tabela z możliwością dotykowego przewijania. Może pobrać dane z pliku JSON lub z istniejącej już tabeli.
Bootstrap Table
Bootstrap Table to świetna tabela z kilkunastoma przydatnymi funkcjami. Posiada paginacje, sortowanie, wyszukiwarkę i funkcję eksportowania tabel/pojedynczych rekordów.
Dynatable.js
Dynatable.js to bardzo rozbudowany generator tabel. Udostępnia filtrowanie, sortowanie i paginację. Daje developerowi znacznie większą kontrolę niż inne pluginy w tym zestawieniu.
HighchartTable
HightchartTable pozwala na wygenerowanie wykresu na podstawie danych w tabeli.
Tabulator
Tabulator to prosta w użyciu wtyczka jQuery do tworzenia interaktywnych tabel. Umożliwia pobieranie danych, paginację, motywy CSS i wiele innych funkcjonalności.
jQuery ReStable
To bardzo prosty i lekki (1Kb) plugin jQuery do generowania responsywnych tabel. Nie posiada zbyt wielu funkcji, ale sprawdzi się w mniejszych projektach.
FancyGrid
FancyGrid to jeden z najbardziej rozbudowanych pluginów do tworzenia tabel. Posiada ponad 30 różnych funkcji.
Cool list!
Tak od siebie dodam, że jeżeli chodzi o bootstrap-table to nie działa tam możliwość używania własnego filtru do wyszukiwania bez zmiany głównego kodu ( używam go ostatnio ).
Dzięki za informację, dobrze wiedzieć 🙂