Navigation auf uzh.ch
Es stehen zwei zur Verfügung:
Tabellen vom Typ «Grid» können Sie sortierbar darstellen.
Verwenden Sie Tabellen nicht als Layout-Werkzeug, sondern nur für tabellarische Informationen.
Dies muss im Quellcode gemacht werden: Klicken Sie auf den Button «Quellcode»
Fügen Sie beim Tabellenattribut «class» das Wort «tablesorter» hinzu.
Bsp: <table class="tablesorter">
Fügen Sie danach vor dem Tabellenbody <tbody> eine Tabellenkopf <thead> mit den Spaltenüberschriften ein.
Bsp:
<thead> <tr> <th>Überschrift 1</th> <th>Überschrift 2</th> ... </tr> </thead> <tbody> ...
Klicken Sie wieder auf den Button «Quellcode».
Anm: Den vollen Quellcode einer sortierbaren Tabelle finden Sie ganz unten auf dieser Seite.
mit «Kopfzeile» und verbundenen Zellen
#data | #data | #data |
---|---|---|
#data | #data | #data |
#data | #data | #data |
#data | #data | |
#data | #data |
#data | #data | #data |
---|---|---|
#data | #data | #data |
#data | #data | #data |
#data | #data | #data |
Spalte 1 | Spalte 2 | Spalte 3 |
---|---|---|
A | 9 | Meier |
C | 5 | Zwicky |
B | 1 | Althaus |
<table class="tablesorter">
<thead>
<tr>
<th>Spalte 1</th>
<th>Spalte 2</th>
<th>Spalte 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>A</td>
<td>9</td>
<td>Meier</td>
</tr>
<tr>
<td>C</td>
<td>5</td>
<td>Zwicky</td>
</tr>
<tr>
<td>B</td>
<td>1</td>
<td>Althaus</td>
</tr>
</tbody>
</table>