TableSort
Mit dem Plugin TableSort können Sie Tabellen sortierbar machen. Das ganze wird durch ein Mini-Javascript bewirkt, es ist keine JS-Bibliothek wie z. B. jQuery notwendig.
Die Tabellen können beim Aufruf der Seite nach einer Spalte Ihrer Wahl auf- oder absteigend vorsortiert ausgegeben werden.
Demo
Klicken Sie auf die Kopfzeile der einzelnen Spalten, um die Tabelle zu sortieren. Klickfläche ist die gesamte Zelle, also gut zu treffen.
Die Tabelle zeigt unterschiedliche Sortierkriterien, numerisch, alfabetisch und nach Datum. Die alfabetische Sortierung unterscheidet nicht nach Gross- und Kleinschreibung.
In Ihrem Browser muss JavaScript aktiviert sein.
| Nr. | Alphabet | Datum |
|---|---|---|
| 1 | Elena | 12.03.2012 |
| 46 | Sabine | 09.01.2003 |
| 2 | Alberto | 20.09.2011 |
| 3 | Alfredo | 07.01.2011 |
| 142 | Zacharias | 17.04.1997 |
| 27 | Alfonso | 04.05.2012 |
| 36 | Doris | 07.08.2011 |
Ab Version 3.0 tut TableSort nur noch das, was der Name sagt: Tabellen sortieren. Nach einem Update funktionieren aber die Designs aus älteren Versionen weiter, die stylesheet.css wird nicht automatisch gelöscht. TableSort kann also nach einem Update auf Version 3.0 wie gewohnt weiter genutzt werden, alte Tabellen sehen aus wie vorher.
Designvorschläge für Tabellen finden Sie in der Datei tabledesigns.css im Ordner designs/ des Plugins. Wenn Sie diese Klassen in die stylesheet.css des Templates übertragen, sind sie auch im Editor wirksam.
