2.2.4 Tabellen einfügen

Aktuelle Version vom 1. Juli 2024, 16:27 Uhr

Eine Tabelle einfügen[Bearbeiten | Quelltext bearbeiten]

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

Tabelle 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[Bearbeiten | Quelltext bearbeiten]

So verbinden Sie Tabellenzellen:

Wählen Sie bei gedrückter Umschalt-Taste nebeneinanderliegende Zellen in einer Spalte oder Zeile aus.
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[Bearbeiten | Quelltext bearbeiten]

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	Die Filterfunktion wird in der Titelzeile aktiviert und ermöglicht folgende Handlungen: Tabelle sortieren (aufsteigend oder absteigende Werte der aktiven Spalte) Tabellenspalten ausblenden Spalte filtern (nur Werte aus der aktuellen Spalte werden hier berücksichtigt) Hinweis:Wenn der Filter aktiviert ist, werden die Tabellenstile ignoriert und die Tabelle im "Filterstil" angezeigt. Nach dem Deaktivieren dieser Funktion wird der gewählte Tabellenstil wieder angezeigt.
Ü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[Bearbeiten | Quelltext bearbeiten]

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

No table style
Standard
Content
Content (black)
Content (blue)
Content (darkblue)
Cusco Sky
Casablanca
Greyscale
Greyscale (narrow)

Fixierte Kopfzeile ("Sticky header")[Bearbeiten | Quelltext bearbeiten]

Es ist möglich, die CSS-Klasse mw-sticky-header im Quelltextbearbeitungsmodus hinzuzufügen, um eine Tabellenüberschrift zu erhalten, die beim Scrollen der Seite sichtbar bleibt. Dies funktioniert mit allen Tabellenstilen.

Das folgende Beispiel legt eine Sticky-Überschrift für den Standardtabellenstil wikitable fest:

{| class="wikitable mw-sticky-header"

Existierende Tabellen nutzen[Bearbeiten | Quelltext bearbeiten]

Mit dem visuellen Editor ist es leicht, Inhalte als Tabelle zu formatieren. Es gibt hierzu folgende Alternativen:

Tabellen können auch als csv-Datei auf einer Seite eingefügt werden (einfach die CSV-Datei auf die Seite im Bearbeitungsmodus ziehen)
Komplexe Tabellen können alternativ als xls-Datei an die Seite angehängt werden.

Weiterführende Links

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

@@ Zeile 1: / Zeile 1: @@
 <bookshelf src="Buch:Benutzerhandbuch" />
 {{DISPLAYTITLE: Tabellen einfügen}}
-<span><span /><br /></span>
 ==Eine Tabelle einfügen==
-Wählen Sie in VisualEditor "Einfügen > Tabellen", um eine Tabelle in einer Seite einzufügen:
+Wählen Sie im visuellen Editor den Menüpunkt  ''Einfügen''  und dann ''Tabelle.''
+[[Datei:VE-einfuegen-tabelle.png|alternativtext=Ausgeklapptes Menü "Einfügen"|zentriert|mini|220x220px|Tabelle einfügen]]
-<span><span /><br /></span>
+<span><br /></span>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.<span><span /></span>
-[[Datei:VE-einfuegen-tabelle.png|220x220px]]
+[[Datei:VE-tabelle-eingefuegt.png|alternativtext=Tabelle mit Dialogfeld |zentriert|mini|305x305px|Eingefügte Tabelle]]
+<span><br /></span><span><span /></span>
-<span><span /><br /></span>
+Doppelklicken Sie in die Zellen, um Text einzufügen.
-Nach Angabe der Zeilen und Spalten erscheint eine leere Tabelle mit Bearbeitungsmenü:
+[[Datei:ve-tabellen-farbe-standard.png|alternativtext=Beispiel eines Wochenplans (auf Englisch)|zentriert|mini|250x250px|Beispieltabelle]]
+<span><br /></span><span><span /></span>
-<span><span /><br /></span>
-[[Datei:VE-tabelle-eingefuegt.png|305x305px]]
-<span><span /><br /></span>
-Wenn der Mauszeiger auf einem Symbol ruht, wird die jeweilige Funktion angezeigt.
-<span><span /><br /></span>
-Doppelklicken Sie in die Zellen, um Text einzufügen:
-<span><span /><br /></span>
-[[Datei:ve-tabellen-farbe-standard.png|250x250px]]
-<span><span /><br /></span>
 ==Zeilen und Spalten verbinden==
+'''So verbinden Sie Tabellenzellen:'''
-Wenn sie in eine Zeile klicken, erscheint am linken Rand der Zeile und am oberen Rand der Spalte ein Pfeil. Um die Zellen in einer Zeile oder einer Spalte zu verbinden, klicken Sie auf den jeweiligen Pfeil und dann im Bearbeitungsmenü auf "Zellen verbinden":
+# Wählen Sie bei gedrückter <code>Umschalt</code>-Taste nebeneinanderliegende Zellen in einer Spalte oder Zeile aus.
+# Klicken Sie auf Verbinden im offenen Dialogfeld. Die Zellen sind nun verbunden.
-[[Datei:ve-tabellen-mergecellsDE.png|300x300px]]
-Sie können auch einzelne Zellen verbinden. Klicken Sie mit gedrückter Shift-Taste in zwei oder mehrere angrenzende  Zellen. Verbinden Sie dann die Zellen. Die Zellen müssen angrenzend in einer Zeile oder in einer Spalte sein, damit sie verbunden werden können.
+Die verbundenen Zellen können Sie über die gleiche Schaltfläche wieder teilen.
-<span><span /><br /></span>
 ==Tabelleneigenschaften festlegen==
-Im Menüpunkt Eigenschaften gibt es zahlreiche Einstellungen, um die Funktionalität und Darstellung der Tabelle anzupassen:
+Im Eigenschaften-Dialgofenster gibt es zahlreiche Funktionen zur Anpassung der Tabelle:
 {| class="contenttable-blue" style=""
+|+Übersicht der Tabelleneigenschaften
 !Eigenschaft
 !Beschreibung
 |-
-|Überschrift
+| Tabellenbreite
-|Zeigt eine Überschrift über der Tabelle:
+|Die Gesamtbreite kann hier prozentual zur verfügbaren Seitenbreite eingestellt werden, zum Beispiel auf 100%.
-[[Datei:tabelle-ueberschrift.png|200x200px]]
-Nach dem Deaktivieren der Überschrift ist sie verloren und muss beim Re-aktivieren neu eingegeben werden.
-|-
-|Stilisiert (wikitable)
-|aktiviert den Standard Wiki-Look, nachdem vorher Tabellenstile ausgewählt waren
 |-
-|Sortierbar
+|Tabellenstil
-|In der ersten Reihe wird eine Sortierungsfunktion angezeigt:
+|Hier können verschiedene Stilvorlagen für die Tabelle geladen werden. Siehe: [[Handbuch:Erweiterung/VisualEditor/Tabellen#Tabellenstile|Galerie der Tabellenstile]].
-[[Datei:tabelle-sortieren.png|200x200px]]
-Die aktuelle Sortierung ist in der Titelzeile ersichtlich. In der sortierten Spalte wird nur einer der beiden Sortierungspfeile angezeigt.
-|-
-|Einklappbar
-|Die Tabelle kann auf der Seite über einen Textlink ausgeblendet 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:
-[[Datei:tabelle-eingeklappt.png|rahmenlos|320x320px]]
 |-
 |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:
+<syntaxhighlight lang="css">
+/* 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;
+</syntaxhighlight>
 |-
 |Filterbar
@@ Zeile 75: / Zeile 51: @@
 *Spalte filtern (nur Werte aus der aktuellen Spalte werden hier berücksichtigt)
-[[Datei:tabelle-filtern.png|550x550px]]
+[[Datei:tabelle-filtern.png|550x550px|alternativtext=Aufgeklapptes Filtermenü]]
-<span><span /><br /></span>
+<span><br /></span>
 {{Hinweisbox|boxtype=Hinweis|Note text=Wenn der Filter aktiviert ist, werden die Tabellenstile ignoriert und die Tabelle im "Filterstil" angezeigt. Nach dem Deaktivieren dieser Funktion wird der gewählte Tabellenstil wieder angezeigt.}}
+|-
+|Überschrift
+|Zeigt eine Überschrift über der Tabelle:
+[[Datei:tabelle-ueberschrift.png|200x200px|alternativtext=Überschrift "Wochenplan KW 38" über einem Tabellenausschnitt]]
+Nach dem Deaktivieren der Überschrift ist sie verloren und muss beim Re-aktivieren neu eingegeben werden.
 |-
-|Tabellenstil
+|Sortierbar
-|Hier können verschiedene Stilvorlagen für die Tabelle geladen werden.
+|In der ersten Reihe wird eine Sortierungsfunktion angezeigt:
+[[Datei:tabelle-sortieren.png|200x200px|alternativtext=Sortierbare Kopfzeile eines Tabellenausschnitts]]
+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.
 |-
-| Volle Tabellenbreite
+|Zunächst eingeklappt
-|Die Tabelle nutzt die volle Breite der Wikiseite, unabhängig vom Tabelleninhalt.
+|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:
+[[Datei:tabelle-eingeklappt.png|rahmenlos|320x320px|alternativtext=Ausklappen-Link in der Kopfzeile einer eingeklappten Tabelle]]
 |}
@@ Zeile 94: / Zeile 82: @@
 <gallery>
-Datei:ve-tabellen-farbe-standard.PNG|alt=Tabellenfarbe Standard|Standard
+Datei:tables-nostyle.png|alt=Tabelle ohne Tabellenlinien|No table style
-Datei:ve-tabellen-farbe-content.PNG|alt=Tabellenfarbe Content|Content
+Datei:ve-tabellen-farbe-standard.PNG|alt=Weiße Kopfzeile mit hellgrauen Inhaltszellen|Standard
-Datei:ve-tabellen-farbe-content_black.PNG|alt=Tabellenfarbe Content Black|Content (black)
+Datei:ve-tabellen-farbe-content.PNG|alt=Graue Kopfzeile mit weißen Inhaltszellen|Content
-Datei:ve-tabellen-farbe-blue.PNG|alt=Tabellenfarbe Content blue|Content (blue)
+Datei:ve-tabellen-farbe-content black.PNG|alt=Dunkelgraue Kopfzeile und dunkle Zellenrahmen|Content (black)
-Datei:ve-tabellen-farbe-content_darkblue.PNG|alt=Tabellenfarbe Content darkblue|Content (darkblue)
+Datei:ve-tabellen-farbe-blue.PNG|alt=Blaue Kopfzeile udn Blaue Zellenrahmen|Content (blue)
-Datei:ve-tabellen-farbe-cusco sky.PNG|alt=Tabellenfarbe Cusco Sky|Cusco Sky
+Datei:ve-tabellen-farbe-content darkblue.PNG|alt=Dunkelblaue Kopfzeile und blaue Zellenrahmen|Content (darkblue)
-Datei:ve-tabellen-farbe-casablanca.PNG|alt=Tabellenfarbe Casablanca|Casablanca
+Datei:ve-tabellen-farbe-cusco sky.PNG|alt=Hellblaue Kopfzeile mit alternierenden Zeilenfarben und dunkelblauem Text|Cusco Sky
-Datei:ve-tabellen-farbe-greyscale.PNG|alt=Tabellenfarbe Greyscale|Greyscale
+Datei:ve-tabellen-farbe-casablanca.PNG|alt=Dunkelblaue Kopfzeile mit alternierenden Zeilenfarben und dunkelblauem Text|Casablanca
-Datei:ve-tabellen-farbe-greyscale_narrow.PNG|alt=Tabellenfarbe Greyscale narrow|Greyscale (narrow)
+Datei:ve-tabellen-farbe-greyscale.PNG|alt=Weiße Kopfzeile mit dunklen Zellenrahmen und alternierende Reihenfarbe  mit blauem Text|Greyscale
+Datei:ve-tabellen-farbe-greyscale narrow.PNG|alt=Dunklegrau Kopfzeile mit alternierende Reihenfarbe und blauem Text|Greyscale (narrow)
 </gallery>
-<span><span /><br /></span>
+<span><br /></span>
-==Weitere Hinweise==
-<section begin="training-tabellen" /><div class="training anwender">
+=== <span>Fixierte Kopfzeile ("Sticky header")</span> ===
-Mit dem visuellen Editor ist es leicht, Inhalte als Tabelle zu formatieren. Es gibt hierzu folgende Alternativen:
+<span>Es ist möglich, die CSS-Klasse ''mw-sticky-header'' im Quelltextbearbeitungsmodus hinzuzufügen, um eine Tabellenüberschrift zu erhalten, die beim Scrollen der Seite sichtbar bleibt. Dies funktioniert mit allen Tabellenstilen.</span>
-<span><span /><br /></span>
+<span>Das folgende Beispiel legt eine Sticky-Überschrift für den Standardtabellenstil ''wikitable'' fest:</span><syntaxhighlight lang="text">
+{| class="wikitable mw-sticky-header"
+</syntaxhighlight><div class="training anwender">
+== <span>Existierende Tabellen nutzen</span> ==
+</div><div class="training anwender">
+Mit dem visuellen Editor ist es leicht, Inhalte als Tabelle zu formatieren. Es gibt hierzu folgende Alternativen:<span><br /></span><span><span /></span>
 *Tabellen können auch als csv-Datei auf einer Seite eingefügt werden (einfach die CSV-Datei auf die Seite im Bearbeitungsmodus ziehen)
 *Komplexe Tabellen können alternativ als xls-Datei an die Seite angehängt werden.
-</div><section end="training-tabellen" />
+</div><span /><span /><br />{{Box Links|Thema1=[[Handbuch:Erweiterung/VisualEditor/Tabellen/Beispiele| Beispiele zur Gestaltung von Tabellen]]|Thema2=[[Handbuch:Erweiterung/BlueSpiceFilterableTables|Filterbare Tabellen]]}}
-<span /><span /><br />{{Box Links|Thema1=[[Handbuch:Erweiterung/VisualEditor/Tabellen/Beispiele| Beispiele zur Gestaltung von Tabellen]]|Thema2=[[Handbuch:Erweiterung/BlueSpiceFilterableTables|Filterbare Tabellen]]}}
 <span><span /><br /></span>
@@ Zeile 121: / Zeile 113: @@
 [[de:{{FULLPAGENAME}}]]
-[[en:Manual:Extension/VisualEditor/Tables]]
+[[en:Manual:Extension/VisualEditor/Insert tables]]