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.
Sven Lennartz
Sven ist der Erfinder des Dr. Web Magazins, Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Texter früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH.




Sind vielleicht nicht neu, aber man kann sie immer wieder gebrauchen.
THX for publishing
mfg
Sebastian
Datagrids sind doch nun wirklich nicht neu. Gab es doch vor geraumer Zeit schon einmal. Aber ein weiteres mal setzten AJAX-Anwendungen Daten wunderschön in Szene.
Schöne Sammlung.
Muss ja nicht immer alles neu sein,
sonst dürfte ja niemand mehr über etwas schreiben,
was schon zuvor irgendwo dargestellt wurde.
Vielen Dank – gerade war ich auf der Suche nach Infos zu diesem Thema.
Gedankenleser? ;)
Na super! Dr. Web steht wieder mal für nicht vorhandene Qualität. Und welches DataGrid soll denn nun der dumme Anwender mit hingewursteltem HTML-Code verwenden?
Ich steh jedenfalls mehr für (wohl die derzeit beste JS-Bibliothek und Widget Sammlung überhaupt):
http://www.extjs.com/
Irgendwelche Listen krieg ich jedenfalls über Google auch. Es ist echt schade, dass Dr. Web seinen „Status“ hier ausnützt, und Blog-Reader nur mit dummen Listen vollmüllt.
@ mg
??? Was geht mit dir?
lese dir doch mal die vorigen Beiträge durch, Spast!
Und wen es interessiert, der wird doch eh noch nach weiteren suchen
Ich würde sagen mg wollte nur ein wenig “Schleich”-Werbung machen!?
Und einige Leser durch seine bitterböse Art dazu verleiten auf extjs.com zu schauen *tztztz*
[...] Mehr auf DrWeb » Bookmark: [...]
[...] wie Sand am Meer. Aber vielleicht helfen diese Links ein wenig weiter: Yahoo! UI Library: DataTable Sortierbare Tabellen – Datagrids mit AJAX und Javascript | Dr. Web Weblog [...]
Hi, super Auflistung, danke! Ich benötige eine sortierbare Liste, deren Werte sich automatisch aktualisieren.
Weiss jemand, wo ich ein Demo/Sourcecode finden könnte?
Danke + Gruss,
Anthony
[...] Sortierbare Tabellen – Datagrids mit AJAX und Javascript [...]