UPDATE 28. Dezember 2009: Das in diesem Beitrag verwendete JavaScript sortiert leider nicht immer richtig. Daher verwende bitte meine neue Version In WordPress-Beiträgen HTML-Tabellen mit Javascript sortieren. Weil ich auch hier auf WEBWORK.onblog.at mein neues WordPress-Plugin verwende, funktioniert unten stehende Demo nicht mehr.
Vergebens sucht man ein WordPress-Plugin, welches das einfache Erstellen von durch den Benutzer sortierbare Tabellen erstellt. Dabei gibt es im Internet genügend freie Javascripts, welche diese Interaktivität für Benutzer ermöglichen. Also habe ich ein einfaches Plugin erstellt, dass die notwendigen Javascript- und CSS-Dateien automatisch in WordPress einfügt.
Hier eine einfache Demo:
| Modell | Türen | Preis |
|---|---|---|
| Smart | 3 | 14130 |
| Fiat Grande Punto | 5 | 12790 |
| Porsche Carrera | 2 | 83032 |
Und so schaut die Erstellung dieser Tabelle im WordPress-Editor (HTML-Eingabe) aus:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <table class="sortable" id="irgend_eine_id" border="0"> <tr> <th>Modell</th> <th>Türen</th> <th>Preis</th> </tr> <tr> <td>Smart</td> <td>3</td> <td>14130</td> </tr> <tr> <td>Fiat Grande Punto</td> <td>5</td> <td>12790</td> </tr> <tr> <td>Porsche Carrera</td> <td>2</td> <td>83032</td> </tr> </table> |
Wichtig: Unbedingt eine „ID“ (mit beliebigem Namen) für die Tabelle vergeben, sonst arbeitet das Script nicht.