Handbuch:Erweiterung/BlueSpiceFilterableTables: Unterschied zwischen den Versionen

Aktuelle Version vom 13. Mai 2025, 15:55 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
...

Weiterführende Links

Technische Referenz: BlueSpiceFilterableTables

PDF-Ausschluss - Start

Feedback zur Dokumentation ist im Community-Forum möglich.

PDF-Ausschluss - Ende

@@ Zeile 12: / Zeile 12: @@
 # '''Klicken''' Sie '''auf''' Fertig.
 # '''Speichern''' Sie die Seite. Nach dem Speichern der Seite sehen Sie ein filterbares Tabellenlayout.
-{{Hinweisbox|boxtype=Hinweis|icon=|Note text=Alle globalen Tabellenstile, die in den Tabelleneigenschaften angewendet werden, werden ignoriert, solange der Wert "filterbar" aktiv ist. Eine filterbare Tabelle verfügt über ihreigenes Tabellendesign.|bgcolor=}}
 ===Quelltext-Bearbeitung===
 Im Quelltext der Seite fügen Sie der Tabelle in der ersten Zeile die css-Klasse  "filterable" hinzu:<pre>
@@ Zeile 21: / Zeile 19: @@
 ...
 </pre>
-[[Datei:BlueSpiceFilterableTables quelltext.png|alt=Beginn einer Tabelle im Wikitext-Format mit hervorgehobener CSS-Klasse "filterable"|zentriert|mini|450x450px|Quelltext]]
+[[Datei:BlueSpiceFilterableTables quelltext.png|alt=Beginn einer Tabelle im Wikitext-Format mit hervorgehobener CSS-Klasse "filterable"|zentriert|mini|450x450px|Quelltext]]{{Box Links
-== 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.
-<syntaxhighlight lang="html">
-{| class="wikitable sortable filterable"
-|+
-! class="number" |Col A
-|-
-|1
-|-
-|2
-|-
-|30
-|-
-|11
-|-
-|5
-|}
-</syntaxhighlight>
-'''
-Ausgabe:'''
-{| class="wikitable sortable filterable"
-|+Filterbare Nummern-Spalte
-! style="width:200px;" class="number" |Col A
-|-
-| style="width:200px;" |1
-|-
-| style="width:200px;" |2
-|-
-| style="width:200px;" |30
-|-
-| style="width:200px;" |11
-|-
-| style="width:200px;" |5
-|}
-Mögliche Werte sind:
-* string
-* integer
-* number
-* date
-{{Box Links
 |Thema2=
 |Thema1=[[Handbuch:Erweiterung/VisualEditor/Tabellen|Tabellen einfügen]]}}