Handbuch:Erweiterung/VisualEditor/Tabellen

PDF-Ausschluss - Start

← Erweiterung/VisualEditor

• Tabellen-Designs

PDF-Ausschluss - Ende

Eine Tabelle einfügen

Wählen Sie im visuellen Editor den Menüpunkt Einfügen und dann Tabelle.

Aktion "Einfügen"

Nach Angabe der Zeilen und Spalten erscheint eine leere Tabelle mit einem Dialogfeld zur Tabellenbearbeitung. Wenn der Mauszeiger auf einem Symbol ruht, wird die jeweilige Funktion angezeigt.

Eingefügte Tabelle

Doppelklicken Sie in die Zellen, um Text einzufügen.

Beispieltabelle

Zeilen und Spalten verbinden

So verbinden Sie Tabellenzellen:

1. Wählen Sie bei gedrückter Umschalt-Taste nebeneinanderliegende Zellen in einer Spalte oder Zeile aus.
2. Klicken Sie auf Verbinden im offenen Dialogfeld. Die Zellen sind nun verbunden.

Die verbundenen Zellen können Sie über die gleiche Schaltfläche wieder teilen.

Tabelleneigenschaften festlegen

Im Eigenschaften-Dialgofenster gibt es zahlreiche Funktionen zur Anpassung der Tabelle:

Übersicht der Tabelleneigenschaften

Eigenschaft	Beschreibung
Tabellenbreite	Die Gesamtbreite kann hier prozentual zur verfügbaren Seitenbreite eingestellt werden, zum Beispiel auf 100%.
Tabellenstil	Hier können verschiedene Stilvorlagen für die Tabelle geladen werden. Siehe: Galerie der Tabellenstile.
Exportierbar	Fügt der Tabelle ein Kontextmenü hinzu, das die Tabelle im xlsx oder csv-Format speichern läßt. Das Kontextmenü kann über Rechtsklick mit der Maus aktiviert werden. Exportierbare Tabellen sind erkennbar, da sie beim Mouseover gelb hinterlegt sind. Die gelbe Färbung läßt sich global von Wiki-Admins entfernen. Folgende 3 Zeilen können hierzu dem globalen Stylesheet MediaWiki:Common.css hinzugefügt werden: /* Entfernen der gelben Highlight-Farbe von exportierbaren Tabellen */ #mw-content-text table.bs-et-highlight {background-color: transparent!important;} #mw-content-text table.bs-et-highlight.wikitable {background-color: #f8f9fa!important;
Filterbar	Fügt den Kopfzellen jeder Spalte eine Filterfunktion hinzu.
Sticky header	Die Kopfzeile der Tabelle bleibt bei langen Tabellen beim Scrollen der Seite sichtbar.
Überschrift	Zeigt eine Überschrift über der Tabelle: Nach dem Deaktivieren der Überschrift ist sie verloren und muss beim Re-aktivieren neu eingegeben werden.
Sortierbar	In der ersten Reihe wird eine Sortierungsfunktion angezeigt: Die aktuelle Sortierung ist in der Titelzeile ersichtlich. In der sortierten Spalte wird nur einer der beiden Sortierungspfeile angezeigt.
Einklappbar	Die Tabelle kannüber einen Textlink aus- und eingeklappt werden.
Zunächst eingeklappt	Wenn die Eigenschaft "Einklappbar" aktiv ist, wird hier bestimmt, ob die Tabelle beim Laden der Wikiseite sichtbar oder ausgeblendet ist. Die Titelzeile bleibt immer sichtbar:

Tabellenstile

Im Menü Tabellenstil sind folgende Stilvorlagen auswählbar. Klicken Sie auf ein Bild um die Galerie zu starten:

• 
  No table style
• 
  Standard (wikitable)
• 
  Content (contenttable)
• 
  Content (black) (contenttable-black)
• 
  Content (blue) (contenttable-blue)
• 
  Content (darkblue) (contenttable-darkblue)
• 
  Cusco Sky (cuskosky)
• 
  Casablanca (casablanca)
• 
  Greyscale (greyscale)
• 
  Greyscale (narrow) (greyscale-narrow)

Bootstrap table styles

Wenn es Ihnen nichts ausmacht, die Tabellenstile im Quelltext-Bearbeitungsmodus festzulegen, können Sie auch Bootstrap-CSS-Klassen für Tabellen hinzufügen.

{| class="table"

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"
|+
! class="number" |Col A
|-
|1
|-
|2
|-
|30
|-
|11
|-
|5
|}

Ausgabe:

Sortierbare Nummern-Spalte

Col A
1
2
30
11
5

Mögliche Werte sind:

• string
• integer
• number
• date

Existierende Tabellen nutzen

Mit dem visuellen Editor ist es leicht, Inhalte als Tabelle zu formatieren.

Es gibt hierzu folgende Alternativen:

• CSV-Datei (nur Chrome, Edge): Tabellen können auch als csv-Datei auf einer Seite eingefügt werden (einfach die CSV-Datei auf die Seite im Bearbeitungsmodus ziehen)
• XLSX-Datei ( nur Firefox): Zellen können markiert und dann mit gedrückter STRG-Taste in das Wiki gezogen werden.

Weiterführende Links

• Beispiele zur Gestaltung von Tabellen
• Filterbare Tabellen

Cascading Style Sheets. Eine Computersprache für die Gestaltung digitaler, vorwiegend webbasierter Dokumente.