jQuery Scrollbare, sortierbare, filterbare Tabelle

Lesezeit: 3 Minuten

Benutzer-Avatar
pdwetz

Ich möchte jQuery verwenden, um einige sehr häufige Anfragen zu verarbeiten, die wir für Datentabellen unterschiedlicher Größe erhalten: Scrollen, Sortieren und dynamisches Filtern.

  • Ich habe das Scrollen in der Vergangenheit gehandhabt, indem ich zwei separate Tabellen mit Spalten mit fester Breite hatte, zusammen mit zugehörigen div-Containern für das “tatsächliche” Scrollen. Diese Methode funktioniert jedoch nicht mit den jQuery-basierten Sortiertabellenerweiterungen, auf die ich gestoßen bin (tablesorter ist bisher mein Favorit), da sie alles in einer einzigen Tabelle haben wollen.
  • Zum Filtern fordern sie etwas Ähnliches wie Excel- und SharePoint-Listen an (im Grunde werden alle Spaltenwerte in einem Dropdown-Menü aufgelistet, sodass der Benutzer sie auswählen/abwählen kann). Ich habe so etwas noch nicht gesehen, obwohl es möglich klingt.
  • Ein weiteres nettes Feature wäre die Möglichkeit, eine Spalte für das horizontale Scrollen “einzufrieren”.

Idealerweise hätte ich gerne eine vorhandene Erweiterung, aber wenn keine da draußen ist, würde ich mich auch über Vorschläge von jQuery-Gurus freuen, wie man sie am besten implementiert. Meine aktuellen Gedanken sind, in Tablesorter einzutauchen und ihn nach Bedarf zu erweitern/aktualisieren.

Um die Dinge hoffentlich konzentriert zu halten, ist Paging keine Option (zusammen mit allem, was auf Servern basiert).

Aktualisieren:
Ich schätze die bisherigen Antworten, aber keine der bisher gegebenen Optionen berührt den Filteraspekt überhaupt (das heißt, ich muss zugeben, dass jqGrid für einige zukünftige Projekte, die ich habe, sehr gut aussieht). In der Zwischenzeit werde ich an einer benutzerdefinierten Filterlösung arbeiten; wenn es klappt werde ich nochmal updaten.

Ich bin auf diese Frage gestoßen, als ich selbst nach einem sortierbaren Tabellen-Plugin gesucht habe; Ich war von keinem der vorgeschlagenen Widgets wirklich beeindruckt, aber später entdeckte ich es Datentabellen, und ich war ziemlich beeindruckt. Ich empfehle, es auszuprobieren.

Vielleicht könnte dieses hervorragende Plug-in es tun:

Demo-Seite

Es heißt jQGrid, hier ist die Projektseite:
http://plugins.jquery.com/project/jqGrid

Benutzer-Avatar
Elia Manor

Ich würde Sie ermutigen, das auszuprobieren Flexigrid.

Es hat viele tolle Funktionen und ich persönlich finde, dass es professioneller aussieht als das jqGrid.

Es hat nicht einige der Funktionen, nach denen Sie fragen, aber ich denke, es könnte ein guter Anfang sein. Es wäre großartig, wenn Sie daran arbeiten könnten, einige dieser Funktionen zur Codebasis hinzuzufügen.

Wenn Sie in C# programmieren, dann habe ich einen Blog-Eintrag über die Verwendung von C# gepostet LINQ to Reflection, um JSON an Flexigrid zu binden… wenn Sie eine andere Sprache verwenden, finden Sie weitere Beispiele auf Flexigrids Website & Google-Gruppe Seite.

  • Dieser Website-Link ist defekt; ist diese Projektseite das gleiche “Flexigrid”? code.google.com/p/flexigrid

    – Sechzehn Otto

    14. Mai 2009 um 22:20 Uhr

Benutzer-Avatar
Fernraum

eine einfache jQuery-Plugin für scrollbare Tabellen

Wie in meinem Update erwähnt, habe ich am Ende eine benutzerdefinierte Filtererweiterung verwendet (leider Closed Source). Ich habe vor kurzem angefangen zu verwenden SlickGrid und es ist jetzt mein Go-to-Raster.

  • Ich bin seitdem zu DataTables gewechselt (jetzt akzeptierte Antwort). Für meine aktuellen Datensätze funktioniert es gut und es war nicht schwer, es mit meiner Benutzeroberfläche gut aussehen zu lassen.

    – pdwetz

    28. August 2014 um 2:38 Uhr

Ich möchte die Laravel-aromatisierten DataTables hinzufügen (GitHub, jquery DataTables-API) – perfekt, wenn Sie bereits mit PHP/Laravel arbeiten.

Extra, koalyptus/Tabellenfilter eine weitere benutzerdefinierte Filtertabelle (eigentlich mein Favorit).

  • Ich bin seitdem zu DataTables gewechselt (jetzt akzeptierte Antwort). Für meine aktuellen Datensätze funktioniert es gut und es war nicht schwer, es mit meiner Benutzeroberfläche gut aussehen zu lassen.

    – pdwetz

    28. August 2014 um 2:38 Uhr

1115720cookie-checkjQuery Scrollbare, sortierbare, filterbare Tabelle

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy