Erste jQuery-tablesorter arbeiten mit versteckten/gruppieren von Tabellenzeilen

Habe ich die klassische Tabelle mit erweiterbaren und reduzierbaren Datensätze, wenn erweitert zeigen mehrere subsätzen (als neue Datensätze in der übergeordneten Tabelle, nicht irgendein Kind div/child-Tabelle). Ich bin auch mit tablesorter und absolut Liebe es.

Das problem ist, dass tablesorter ist nicht zu halten, erweitert untergeordneten Datensätze neben der übergeordneten Datensätze. Er sortiert Sie so, als wären Sie top-level. Also jedes mal, wenn die Tabelle wird sortiert nach einer Spalte die untergeordneten Zeilen, die am Ende alle über den Ort und nicht dort, wo ich Sie haben will.

Kennt jemand eine gute Erweiterung zu tablesorter oder spezifische Konfiguration, die es ermöglicht tablesorter zu halten untergeordneten Zeilen gruppiert, die zusammen mit der übergeordneten Zeile auch nach der Sortierung? Oder muss ich zu geben, tablesorter zu Gunsten von einige andere API, oder starten Sie den hässlichen Prozess des Schreibens meine eigenen widget? Sollte ich vermeiden, dass ich die css-basierten Ansatz zu verstecken einzelnen Zeilen der Tabelle repräsentieren Zusammenbruch Zeilen?

InformationsquelleAutor Josh | 2008-10-20

  1. 16

    Wenn Sie möchten, um tablesorter, es ist ein mod, den ich verwendet habe für diesen Zweck hier erhältlich

    Nachdem Sie Ihre zweite (erweiterbar Kind) Zeile die Klasse "erweitern-Kind", und tablesorter wird wissen, halten Sie die Zeile, gepaart mit seinem übergeordneten Element (vorhergehende Zeile).

    Danke hatte ich schon gefunden, der mod aber nicht sehen, eine Dokumentation, was zu tun ist. Sie ziemlich viel gefunden, die einzige Ressource, auf Google, so wie mir, dass dies tun können, aber klar, Sie verstanden es besser als ich. Ich habe geschrieben, meine eigene hässliche beheben.
    hi Adam, ich habe vor kurzem stieß auf dieses post. Ich habe eine neue Frage, die ich Frage mich, ob Sie könnte einen Blick auf: stackoverflow.com/questions/9240905/... . Die Quintessenz ist, dass meine AJAX angehängt Zeilen nicht immer die Attribute, die Sie in den zusammenklappbar. Ich Frage mich, wie stellen Sie sicher, tablesorter.js richtig fügt der DOM auf AJAX. vielen Dank, tim

    InformationsquelleAutor Adam Bellaire

  2. 11

    Eigentlich, dass mod von tablesorter erwähnt von @AdamBellaire wurde Hinzugefügt tablesorter v2.0.5. Ich habe dokumentiert wie nutzen Sie die ccsChildRow - option auf meinem blog.

    Auch, wenn Sie interessiert sind, ich habe eine Gabel von tablesorter auf github, die hat viele Verbesserungen und nützliche widgets 🙂

    Als der v2.4, die Klasse expand-child geändert tablesorter-childRow. Heads-up für die neuere version Benutzer.

    InformationsquelleAutor Mottie

  3. 1

    Hässlich beheben, anstatt mithilfe der oben genannten umfasst das festlegen parentId css-Klasse und childId css-Klasse für die Eltern-und Kind-Zeilen, und dann mit einem widget neu zu justieren. Nur im Fall, jemand läuft über dieses problem. Es ist ganz klar nicht der beste code, aber es funktioniert für mich!

    $("tbody tr[class^='parent']", table).each(function() {
 $(this).after($("tbody tr[class^='child"+$(this).attr("class").substring(6)+"']", table));
});

    InformationsquelleAutor Josh

Schreibe einen Kommentar