Sortierbare Tabellen - Datagrids mit AJAX und Javascript
Einiges zum Thema hat Vitaly bereits in unserem Smashing Magazine gesammelt. Zebratabellen und andere hübsche Dinge. Mir geht es um sortierbare Tabellen, auch Datagrids genannt, die mitunter mehr als nur bloße Tabellen darstellen. So etwas gibt es schon lange, in den Zeiten von AJAX lässt sich mehr herausholen. Solche Tabellen sind mitunter recht praktisch und kommen dem Nutzer entgegen. Wo bekommt man die modernen Tabellen her, und was ist möglich?
Das Table Kit basiert auf einem Prototype Framework. Die Spalten können nicht nur sortiert werden, sie lassen sich auch in der Breite mit Hilfe der Maus verstellen. Es gibt ein Tutorial dazu.
Beispiel zwei, das PHP Live Datagrid, baut auf der XAJAX Bibliothek auf und eignet sich für große Datenmengen, die sich in der Live-Demo auf über 500 Seiten verteilen. Die Tabelle kann durchblättert werden.
Schlichter geht es hier zu: How to paginate, sort and search a table with Ajax and Rails ist ein ausgewachsenes Tutorial und zeigt das Tabellenbasteln mit RoR.
Ebenfalls in einem ausführlichem Tutorial wird das Unobtrusive Table Sort Script vorgestellt. Diverse Verbesserungen wurden bereits vorgenommen.
Das dhtmlxGrid zeigt sich besonders flexibel und ausgereift. Diverse Varianten und Skins existieren bereits, auch komplexe Tabellenkonstrukte sind machbar - dazu zählt auch die Ausgabe auf mehreren Seiten. Die Scripts stehen unter der GPL, wer Support wünscht kann eine kostenpflichtige Lösung beziehen.
Auch zur Yahoo UI Library gehören DataTables. Vielfältig einsetzbar zeigt man gleich mehrere Demos. Durch gefälliges Äußeres fallen die zwar nicht auf, aber das man selbst erledigen. Das abgebildete Muster erlaubt Sortierungen und Dateneingabe des Nutzers.
Elite Zebra Tables sind nicht nur gestreift, sie sind auch sortierbar.
Sortable Tables von WebFX.
Desweiteren: Sortable Ajax Tables in JSON and XML with MochiKit, JavaScript Sortable Table, DHTMLGoodies und wahrscheinlich noch hundert andere...
Kauflösungen gibt es auch, wie die von Active Widgets, für die gleich 395,- USD fällig werden. Das Paket enthält allerdings weitere Anwendungen.
In die selbe Kategorie fällt das Editable JavaScript TreeGrid. Hiermit sind geradezu monströse Tabellen möglich. Es gibt verschiedene Lizenzmodelle.
Über Sven Lennartz
Verwandte Artikel
(No Ratings Yet)
