easyVDR-Wiki:Sortierbare Tabellen

Sortierbare Tabelle

Quellcode

{| class="prettytable sortable"
|-
! class="unsortable" | Text !! Name !! Jahreszahl !! data-sort-type="number" | Zahlen
|-
| Bernd Müller
| Müller, Bernd 
|style="text-align:right" data-sort-value="1850"|um 1850
|style="text-align:right"|2,00 m
|-
| Hans Zehnder
| Zehnder, Hans 
|style="text-align:right"|1840
|style="text-align:right"|1,30 m
|-
| Stefan Ackermann
| Ackermann, Stefan 
|style="text-align:right"|1860
|style="text-align:right"|1,55 m
|}

Ergibt

Text	Name	Jahreszahl	Zahlen
Bernd Müller	Müller, Bernd	um 1850	2,00 m
Hans Zehnder	Zehnder, Hans	1840	1,30 m
Stefan Ackermann	Ackermann, Stefan	1860	1,55 m

Erläuterungen

• Das sortable in class="prettytable sortable" erlaubt die Sortierung der Tabelle nach wählbaren Spalten.
• Mit class="unsortable" können einzelne Spalten von der Sortierbarkeit ausgenommen werden.
• Die Sortierung funktioniert nur, wenn die Zellen der Kopfzeile (Spaltenüberschriften) mit Ausrufezeichen (!) angegeben werden (bzw. bei Eingabe nebeneinander in der Form:! Überschrift1 !! Überschrift2 !! Überschrift3).
• Bei der Verwendung von Namen und Zahlen sorgen Angaben eines Sortierschlüssels oder -typs für die richtige Sortierung. Hier die wichtigsten Fälle:
  • Bei Stefan Ackermann und um 1850 sorgt das Attribut data-sort-value für die richtige Sortierung abweichend von der Anzeige.
  • Die Angabe data-sort-type="number" in der letzten Spalte stellt sicher, dass die Spalte numerisch sortiert wird. Dies ist notwendig, da die Einheiten hier eine automatische Erkennung als Zahlen verhindern.
• Die Angabe class="unsortable" nimmt die erste Spalte von der Sortierung aus, da diese sonst nach dem Vornamen sortiert würde.