Drag-and-drop-Sortierung der Spalten einer Tabelle mit jQuery
Ich bin mit jQuery zu fahren, meine AJAX-Benutzeroberfläche. Ich habe eine Tabelle mit Daten und ich möchte ermöglichen, dass der Benutzer die Reihenfolge der Spalten in der Tabelle durch ziehen und ablegen. Ich möchte die Benutzer in der Lage sein zu greifen, die Kopfzeile für eine Spalte und verschieben Sie es. Die Reihe von Daten, darunter Folgen sollten. Beachten Sie, dass ich nicht interessiert Sie die Daten Sortieren oder Neuanordnen von Zeilen, sondern in dem der Benutzer ändern Sie die Reihenfolge der Spalten.
Gibt es eine Lösung? Ich habe versucht, über die standard-jQuery sortable-call auf die <th>
Elemente, aber natürlich, das funktioniert nicht. Ich stöberte durch die jQuery-plugins Website und habe nichts gefunden. Werde ich schreiben müssen, ein jQuery-plugin?
Edit: Beachten Sie, dass jQuery, Dojo, etc.. (die freien) sind wirklich die einzige option für ein JS framework. Ich kann nicht eine Lizenz für alles kommerzielle wie ExtJS.
- Jede Ihrer Zeilen überspannen mehr als eine Spalte?
- Nein. Es ist sehr straight-forward-Aufschlag. Ich kann es posten, aber ich glaube nicht, dass es allzu überraschend.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn Sie bereit sind zu bezahlen für eine Lizenz, die Sie versuchen könnten, Ext JS, anstatt nur jQuery. Es gibt einige ziemlich starke grid-Funktionen, die das beinhalten, was Sie zu tun versuchen.
http://www.extjs.com/deploy/dev/examples/grid/array-grid.html
Gibt es ein JQuery UI-Widget namens Dragtable.
Live-demo
Versuchen Sie dies:
JS:
HTML:
Sorttable jquery UI-Bibliothek scheint zu tun genau das, was Sie hier wollen.
https://github.com/dbrink/sorttable/wiki
http://plugins.jquery.com/project/sorttable
Hier ist ein weiterer, baut auf der jquery-ui Bibliothek http://akottr.github.io/dragtable/
Sollten Sie versuchen, Dragtable von Danvk
Fand ich diese Frage bei der Suche nach einem fix für einen bug in der es aber. Sie mag es nicht, Tische aufgestellt, in horizontal-scrolling-panels.
Abgesehen von diesem, es ist fantastisch.
meinst du so etwas? Tabelle Drag-and-Drop JQuery-plugin