Tabele w JavaScript – polecane rozwiązania

Table

Poziom średnio-zaawansowany

W ostatnim czasie pracowałem nad aplikacją WWW, której sporą część stanowiło przedstawianie przetworzonych danych w postaci tabelarycznej, z możliwością sortowania itp. Trzeba było znaleźć dobre i szybkie rozwiązanie do tego celu.

Tabele w JavaScript – rozwiązania

Postanowiłem zatem opublikować dziś niewielki spis godnych uwagi rozwiązań tego typu.

1. Dynatable.js

Jest to dość świeże spojrzenie na problem tworzenia rozwiązań dla danych tabelarycznych w JavaScript. Dynatable.js to plugin jQuery, opierający się także o HTML5 i JSON.

Rozwiązanie to pozwala dość wygodnie odwzorować dane w postaci interaktywnej tabeli. Dostępnych jest także wiele możliwości, takich jak wyszukiwanie (filtrowanie), tworzenie tabeli z paginacją, sortowanie, osadzanie obrazków i inne.

Dynatable.js - demo

Dynatable.js – demo

Na stronie znajdziemy znakomitą dokumentację z przykładami. Dostępne licencje: Open-source oraz komercyjna.

URL:

http://www.dynatable.com/

2. DataTables

Pamiętam to rozwiązanie z projektu realizowanego jakiś czas temu. Jest wysokiej jakości, posiada płatny support. Pracowało się z tym rozwiązaniem całkiem przyjemnie.

Jest to plugin jQuery, wygodny w użyciu:

$(document).ready(function() {
    $('#test-table').dataTable();
});

Ponadto posiada wiele opcji customizacji, w tym bezbolesne definiowanie stylów CSS dla tabel.

DataTables - tabele w JavaScript

DataTables – tabele w JavaScript

Rozwiązanie dostępne jest na licencji GPL v2 lub BSD.

URL:

http://datatables.net/

http://datatables.net/examples/

3. jqGrid

Kolejne rozwiązanie pozwalające tworzyć tabele w JavaScript to również plugin jQuery o nazwie jqGrid.

Jest to w każdym razie zaawansowane rozwiązanie o rozbudowanych możliwościach, z którymi można się zapoznać na stronie Demo.

jqGrid

jqGrid

URL:

http://trirand.com/blog/jqgrid/jqgrid.html

4. jQuery HighchartsTable

Tabele to za mało? Żaden problem. jQuery HighchartsTable to rozwiązanie, które pozwala przedstawiać dane nie tylko w postaci tabel, ale także i wykresów!

Rozwiązanie wręcz bombowe, i biorąc pod uwagę możliwości – łatwe w użyciu.

jQuery HighchartsTable

jQuery HighchartsTable

Programista dysponuje wieloma opcjami konfiguracyjnymi, dzięki którym precyzyjnie może dostosować wykresy.

Rozwiązanie dostępne na licencji MIT.

URL:

http://pmsipilot.github.io/jquery-highchartTable-plugin/

I na tym chciałbym zakończyć dzisiejszy mały przegląd rozwiązań.

Podsumowanie

Na dzień dzisiejszy jest cała masa rozwiązań wspomagających pracę z tabelami w JavaScript. Jeśli Czytelnik chciałby polecić inne znane mu rozwiązania tego typu, zapraszam do komentowania.

Web Developer ze sporym bagażem doświadczeń.
Języki: xhtml, html5, css3, js, php, python, java.
Hobby: programowanie gier (browser, mobile).

Podaj dalej: Share on Facebook1Tweet about this on TwitterShare on Google+1Share on LinkedIn0Share on Tumblr0Digg thisEmail this to someonePin on Pinterest1
Możesz skomentować leave a response, lub podać trackback z własnej strony.
  • Dzięki,

    jQuery HighchartsTable faktycznie niezłe 😎