Tabellenzeilen in Bootstrap sortieren [geschlossen]

103

Kann mir bitte jemand ein Beispiel für Code zeigen, mit dem ich eine Spalte einer Tabelle in Bootstrap sortieren müsste?

Zum Beispiel, wenn ich nach Preis oder Name sortieren möchte.

PiccolMan
quelle
2
Ich denke nicht, dass es in pure html+ bootstrapmöglich ist. Möglicherweise benötigen Sie ein Plugin oder eine benutzerdefinierte Version js. Gab es irgendwelche Bemühungen, nach einer Lösung zu suchen ?
Deja Vu
wenzhixin.net.cn/p/bootstrap-table/docs/examples.html . Dieser Link enthält ein Beispiel für eine Sortiertabelle mit Code. Es ist jedoch nicht mit der neuen Bootstrap-Version kompatibel. Ich hatte gehofft, jemand hätte einen neueren Beispielcode, den er teilen könnte.
PiccolMan

Antworten:

175

Diese Beispiele werden minimiert, da StackOverflow eine maximale Zeichenbeschränkung hat und von Links zu externem Code abgeraten wird, da Links unterbrochen werden können.

Es gibt mehrere Plugins: Bootstrap Sortable , Bootstrap Table oder DataTables .

Bootstrap 3 mit DataTables Beispiel: Bootstrap Docs & DataTables Docs

Bootstrap 4 mit DataTables Beispiel: Bootstrap Docs & DataTables Docs

Bootstrap 3 mit Bootstrap-Tabelle Beispiel: Bootstrap-Dokumente und Bootstrap-Tabellen-Dokumente

Bootstrap 3 mit sortierbarem Bootstrap Beispiel: Bootstrap Docs & Bootstrap Sortable Docs

vanburen
quelle
Interessant. Ich habe gesehen, dass die Standardeinstellung verhindert wurde, war aber mit der Stopp-Weitergabe nicht vertraut. stackoverflow.com/questions/5963669/…
Greg
Diese Antwort machte meinen Tag. Vielen Dank!. Ein Punkt: Wenn jemand das oben Gesagte replizieren möchte, sollte er einfach den Code aus dem Code-Snippet kopieren, anstatt zum Link zu wechseln, Bootstrap Docsda der Link falsche Bootstrap-Bibliotheken erwähnt.
Jarvis
1
Ich mag das Bootstrap-Sortierbare von drvic10k sehr. Es ist einfach und klein.
Dunfield
2
Was bringt es, ein Snippet mit minimiertem / verschleiertem Code zu platzieren? Ok, es ist in einer einzigen Zeile, großartig, aber es ist völlig unlesbar und es hilft nicht.
Matthieu Charbonnier
@MatthieuCharbonnier Es ist ziemlich einfach, es gibt / wo Größenbeschränkungen für das, was Sie posten können, so dass sie ohne Minimierung dieser Beispiele nicht hinzugefügt werden konnten (die überwiegende Mehrheit davon sind grundlegende tabellarische Daten). Kopieren und Einfügen in einen Editor, Formatieren ... minimaler Aufwand.
Vanburen