Sortierbare Tabellen in WordPress mit Javascript

WordPress
14. Dezember 2009
webwork.onblog.AT in english

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.

Sortierbare HTML-Tabellen für WordPressVergebens 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.

WordPress
14. Dezember 2009
webwork.onblog.AT in english

Kommentar schreiben