Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
Zeile 22: | Zeile 22: | ||
</pre> | </pre> | ||
[[Datei:BlueSpiceFilterableTables quelltext.png|alternativtext=Quelltext|zentriert|mini|450x450px|Quelltext]] | [[Datei:BlueSpiceFilterableTables quelltext.png|alternativtext=Quelltext|zentriert|mini|450x450px|Quelltext]] | ||
== Sortierung von speziellen Datenformaten == | |||
Wenn eine Spalte eine Sonderformatierung benötigt (z.B. Datum, Nummer), kann dies in der Kopfzelle der Spalte entsprechend im Attribut class angegeben werden. | |||
<syntaxhighlight lang="html"> | |||
{| class="wikitable filterable" | |||
|+ | |||
! class="number" |Col A | |||
|- | |||
|1 | |||
|- | |||
|2 | |||
|- | |||
|30 | |||
|- | |||
|11 | |||
|- | |||
|5 | |||
|} | |||
</syntaxhighlight> | |||
''' | |||
Ausgabe:''' | |||
{| class="wikitable filterable" | |||
|+ | |||
! class="number" |Col A | |||
|- | |||
|1 | |||
|- | |||
|2 | |||
|- | |||
|30 | |||
|- | |||
|11 | |||
|- | |||
|5 | |||
|} | |||
Mögliche Werte sind: | |||
* string | |||
* integer | |||
* number | |||
* date | |||
==Filtern der Tabelle== | ==Filtern der Tabelle== |
Version vom 25. April 2024, 07:42 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.
- Aktivieren Sie den Umschalter für die Einstellung 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 filterable" |+ !Überschrift 1 ...
Sortierung von speziellen Datenformaten
Wenn eine Spalte eine Sonderformatierung benötigt (z.B. Datum, Nummer), kann dies in der Kopfzelle der Spalte entsprechend im Attribut class angegeben werden.
{| class="wikitable 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
Filtern der Tabelle
Das spezielle Filterlayout einer Tabelle wird nur im Ansichtsmodus angewendet.
Um die Werte in der Tabelle zu filtern, klicken Sie auf die Überschrift der zu filternden Spalte und wählen Sie "Filter" aus dem Dropdown-Menü. Geben Sie im Eingabefeld den Filtertext ein.