Keine Bearbeitungszusammenfassung Markierung: Quelltext-Bearbeitung 2017 |
Keine Bearbeitungszusammenfassung Markierung: Quelltext-Bearbeitung 2017 |
||
Zeile 44: | Zeile 44: | ||
Ausgabe:''' | Ausgabe:''' | ||
{| class="wikitable filterable" | {| class="wikitable sortable filterable" | ||
|+Filterbare Nummern-Spalte | |+Filterbare Nummern-Spalte | ||
! style="width:200px;" class="number" |Col A | ! style="width:200px;" class="number" |Col A | ||
Zeile 64: | Zeile 64: | ||
* number | * number | ||
* date | * date | ||
{{Box Links | {{Box Links | ||
|Thema2= | |Thema2= |
Version vom 13. Mai 2025, 15:30 Uhr
Die Erweiterung FilterableTables erlaubt es, Tabelleninhhalte auf Wikiseiten filterbar und sortierbar zu machen.
Anwendung der Filteroption
Visuelle Bearbeitung
So aktivieren Sie eine filterbare Tabelle:
- Klicken Sie einmal auf Ihre Tabelle. Dies öffnet den Tabelleninspektor.
- Klicken Sie im Inspektor auf Eigenschaften.
Eigenschaften im Inspektor auswählen - Aktivieren Sie den Umschalter für die Einstellung Filterbar.
Umschalter "Filterbar" - Klicken Sie auf Fertig.
- Speichern Sie die Seite. Nach dem Speichern der Seite sehen Sie ein filterbares Tabellenlayout.
Quelltext-Bearbeitung
Im Quelltext der Seite fügen Sie der Tabelle in der ersten Zeile die css-Klasse "filterable" hinzu:
{| class="wikitable sortable filterable" |+ !Überschrift 1 ...

Sortierung von speziellen Datenformaten
Wenn eine Spalte bei der Sortierung besondere Datentypen berücksichtigen soll (z.B. Datum, Nummer), kann dies in der Kopfzelle der Spalte entsprechend im Attribut class angegeben werden. Beachten Sie, dass eine Kopfzelle über "!" definiert wird.
{| class="wikitable sortable filterable"
|+
! class="number" |Col A
|-
|1
|-
|2
|-
|30
|-
|11
|-
|5
|}
Ausgabe:
Col A |
---|
1 |
2 |
30 |
11 |
5 |
Mögliche Werte sind:
- string
- integer
- number
- date