HTML-Tables mit jQuery

Ich hoffe ihr benutzt Tabellen nur noch zur Datenvisualisierung, und nicht mehr für das Design! ;) Aber zumindest dort sind sie unumgänglich. Dummerweise sind Kunden in letzter Zeit (und dank Google Docs) verstärkt der Meinung, dass es gar kein Problem ist, das Tabellen mindestens die gleiche Funktionalität besitzen wie Excel.

Prinzipiell ist es ja auch kein Problem, es ist nur Aufwand, und da beißt sich die Katze in den Schwanz, den Kunden und Aufwand passt nicht zusammen ;) Viel schöner wäre es doch, wenn man die Daten per Ajax zur Verfügung stellt und sich Javascript um den Rest kümmert. Dazu gehört dann auch die von mir so heiß geliebte „Sortierung nach Spalten“, die ich jedes Mal zu vermeiden suche, in dem Wissen, das sie viel Fleißarbeit bedeutet.

Aktuell sitze ich an einem Projekt, wo in einer Datenbank 1 Mio. Datensätze dargestellt werden könnten. Und spätestens jetzt hat man die Grenze des sinnvoll Machbaren eh schon überschritten. Das Ganze löst man durch einen Filter, mit Spaltensortierung und vor allem: dem Merken der Einstellungen in einem Cookie.

Screenshot einer Tabelle mit Flexigrid

Aber zum Glück gibt es meine Allzweckwaffe zu diesem Thema: das auf jQuery beruhende Flexigrid, dass alle diese Anforderungen erfüllt, und die Daten per Ajax in die Tabelle lädt. Aber das ist noch nicht das Ende der Fahnenstange, Noupe hat in einer netten Liste weitere auf jQuery basierende Tabellen-Plugins gesammelt.

Dazu gehört zum Beispiel auch ein Plugin, das er ermöglicht, Daten direkt in der Tabelle zu editieren, die Darstellung von Hierarchien aber auch die Visualisierung als Akkordeon. Alles in allem eine sehr nette Liste, die in jeder Bookmark-Liste vorhanden sein sollte.

Ähnliche Beiträge

Syntax Highlighting in Javascript Syntax Highlighting ist – als Blogbetreiber – eine recht anstrengende Sache. Zunächst einmal muss man WordPress erklären, dass es bitte schön die Fing...
Inline Labels für Formularfelder „Normalerweise sollte man“ die Beschriftung für ein Input-Field immer mit dem Tag
HTML5 Cheat Sheets Ok, es sind nur zwei, aber mehr braucht man auch (erstmal) nicht ;) HTML5 bietet viele neue Möglichkeiten, die nicht nur Videos und Audio betreffen, s...
Der Bild-Upload, das Design und der Kunde Im Leben eines Webworkers kann man von zwei Prämissen ausgehen : a) Kunden beherrschen keine Bildbearbeitung und b) Grafiker schaffen es nicht ein nic...

2 Antworten auf „HTML-Tables mit jQuery“

  1. Hallo Guido,

    schon seit einiger Zeit bin ich bei Dir dabei und lese mit grossem Interesse Deine Artikel, Tipps, Recherchen usw. Ich möchte hiermit einfach mal DANKE sagen für die vielen hilfreichen Anregungen und Toolempfehlungen. Dazu ein Schreibstil, der mir sehr entgegenkommt.
    Mach weiter so.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.