Handbuch:Erweiterung/BlueSpiceFilterableTables: Unterschied zwischen den Versionen

Version vom 22. November 2022, 17:10 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.

Hinweis:Alle Tabellenstile, die in den Tabelleneigenschaften angewendet werden, werden ignoriert, solange der Wert "filterbar" aktiv ist. Eine filterbare Tabelle verfügt über ihreigenes Tabellendesign.

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
...

Quelltext

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.

Tabellenspalten filtern

Weiterführende Links

Technische Referenz: BlueSpiceFilterableTables

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

@@ Zeile 1: / Zeile 1: @@
 {{DISPLAYTITLE:Filterbare Tabellen}}
+<span><br /></span>
 Die Erweiterung '''FilterableTables''' erlaubt es, Tabelleninhhalte auf Wikiseiten filterbar und sortierbar zu machen.
 ==Anwendung der Filteroption==
-Um eine Tabelle filterbar zu machen, wird der Tabelle die CSS-Klasse "filterable" hinzugefügt.
+===Visuelle Bearbeitung===
-===In VisualEditor===
+So aktivieren Sie eine filterbare Tabelle:
-Klicken Sie im visuellen Editiermodus in die Tabelle und dann auf ''Eigenschaften.'' Aktivieren Sie im folgenden Dialogfenster die Option ''filterbar.''
-===Im Quelltext-Modus===
+# '''Klicken''' Sie einmal '''auf''' Ihre Tabelle. Dies öffnet den Tabelleninspektor.
-Im Quelltext der Seite fügen Sie der Tabelle in der ersten Zeile die Klasse "filterable" hinzu.<pre>
+# '''Klicken''' Sie im Inspektor '''auf''' ''Eigenschaften.''[[Datei:Handbuch:table-eigenschaften.png|alternativtext=Eigenschaften im Inspektor auswählen|zentriert|mini|500x500px|Eigenschaften im Inspektor auswählen]]
+# '''Aktivieren''' Sie den Umschalter für die Einstellung ''Filterbar.''[[Datei:Handbuch:table-filterbar.png|alternativtext=Umschalter "Filterbar"|zentriert|mini|400x400px|Umschalter "Filterbar"]]<br />
+# '''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 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>
 {| class="wikitable filterable"
 |+
@@ Zeile 14: / Zeile 21: @@
 ...
 </pre>
+[[Datei:BlueSpiceFilterableTables quelltext.png|alternativtext=Quelltext|zentriert|mini|450x450px|Quelltext]]
 ==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.
+[[Datei:Handbuch:table-filtern.png|alternativtext=Tabellenspalten filtern|zentriert|mini|550x550px|Tabellenspalten filtern]]
-{{Hinweisbox|boxtype=note|Note text=Alle für die Tabelle definierten Tabellenstile werden ignoriert, solange der Wert "filterbar" in der Klassenregel vorhanden ist. Eine filterbare Tabelle verfügt über ein eigenes Tabellendesign.}}
 {{Box Links
-|Thema2=[[Referenz:BlueSpiceFilterableTables]]
+|Thema2=
-|Thema1=[[VisualEditor/Tabellen]]}}
+|Thema1=[[Handbuch:VisualEditor/Tabellen|Tabellen einfügen]]}}
 __INHALTSVERZEICHNIS_ERZWINGEN__
 [[Category:Bearbeitung]]