Cowboy: Die Seite wurde neu angelegt: „{{#switch: {{PAGENAME}} |VisualEditor/Bedienung= |Tabellen/*= = VisualEditor = Bearbeitung und Erstellung von Tabellen mit der Bearbeitungsumgebung '''VisualEditor'''. |#default= {{Hilfe}}{{Hilfe:VisualEditor/!badge|InsertFew|Tabelle}} Diese Seite beschreibt die Bearbeitung und Erstellung von '''Tabellen''' mit der Bearbeitungsumgebung '''VisualEditor'''. == Einf…“

2025-05-10T22:14:42Z

Die Seite wurde neu angelegt: „{{#switch: {{PAGENAME}} |VisualEditor/Bedienung= |Tabellen/*= = VisualEditor = Bearbeitung und Erstellung von Tabellen mit der Bearbeitungsumgebung '''VisualEditor'''. |#default= <noinclude>{{Hilfe}}{{Hilfe:VisualEditor/!badge|InsertFew|Tabelle}} Diese Seite beschreibt die Bearbeitung und Erstellung von '''Tabellen''' mit der Bearbeitungsumgebung '''VisualEditor'''.</noinclude> == Einf…“

Neue Seite

{{#switch: {{PAGENAME}}
|VisualEditor/Bedienung=
|Tabellen/*= = VisualEditor =
Bearbeitung und Erstellung von Tabellen mit der Bearbeitungsumgebung '''[[Hilfe:VisualEditor|VisualEditor]]'''.
|#default= <noinclude>{{Hilfe}}{{Hilfe:VisualEditor/!badge|InsertFew|Tabelle}}
Diese Seite beschreibt die Bearbeitung und Erstellung von '''[[Hilfe:Tabellen|Tabellen]]''' mit der Bearbeitungsumgebung '''[[Hilfe:VisualEditor|VisualEditor]]'''.</noinclude>
== Einfache Tabellen ==
}}
{{#ifeq: {{PAGENAME}} | VisualEditor/Bedienung |
|<includeonly><div class="skin-invert">{{Projekt-Logo |box={{Hilfe:VisualEditor/!dropdown|InsertFew|Tabelle|head=11em}}}}</div></includeonly>}}
<span class="skin-invert-image">{{#ifeq: {{PAGENAME}} | Tabellen/VisualEditor
|Das Bearbeitungswerkzeug bietet im Bearbeitungsmodus zu einer Seite einen Menüpunkt {{Hilfe:VisualEditor/!toolitem|InsertAll}}. In dessen Drop-Down-Bereich befindet sich ein
|Aktivierung über}} Unterpunkt <code>{{Hilfe:VisualEditor/!toolitem|Tabelle|name=1}}</code> zur Erzeugung von Tabellen. Klickst du diese Option an, so wird eine leere Tabelle mit vier Zeilen, vier Spalten und einem zugehörigen Tabellenmenü erzeugt.</span>

Alternativ kannst du Tabellen von deinem Rechner importieren, indem du eine [[CSV (Dateiformat)|<span style="font-family:monospace">.csv</span>-Datei]] in das Bearbeitungsfenster ziehst oder eine Tabelle durch [[Kopieren und Einfügen]] in das Textfeld einfügst.

{{Hilfe:VisualEditor/!headline|3|Tabelle erstellen|Gesamt=5|VisualEditor/Einfügen=3}}
Es wird dir ein Tabellen-Menü angezeigt, das die weiteren Optionen anbietet.
{| class="wikitable hintergrundfarbe-basis toptextcells"
|- class="hintergrundfarbe9"
| [[Datei:VisualEditor-logo.svg|x20px|alt=|Logo]]
|-
! Tabellenmenü – Funktionen
|- class="hintergrundfarbe1"
| Um eine Zelle auszuwählen, klicke sie einmal an. Möchtest du ihren Inhalt bearbeiten, musst du einen Doppelklick mit der linken Maustaste durchführen.
grau hinterlegte Zellen sind die Kopfzeilen einer Tabelle, die in Fettschrift formatiert werden.
|-
! Grundmenü der Tabelle
|-
| <div style="margin-left:6em; position:absolute; margin-top:6em;">[[Datei:Mouse pointer or cursor.png|12px|alt=|verweis=|Zelle mit einem Mausklick anwählen]]</div>
{| class="wikitable hintergrundfarbe-basis" style="border:0; margin:2px;"
|-
|colspan="3" style="border:0;"|
|style="border:0; padding:0; text-align:center;"|{{Farbe|#C3D7EF|Text=[[Datei:OOjs UI icon expand.svg|14px|alt=|verweis=]]}}
|style="border:0;"|
|-
|rowspan="2" style="border:0;"|
! style="width:16px; height:20px;"|
! style="width:16px;"|
! style="width:16px;"|
! style="width:16px;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:0; padding:0;"|{{Farbe|#C3D7EF|Text=[[Datei:OOjs UI icon next-ltr.svg|14px|mitte|alt=|verweis=]]}}
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border: 2px solid #A0B4DE; background:#C3D7EF; color:inherit;"|  
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:0;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|}
<div style="border: 1px solid #BBBBBB; position: relative; width: 380px; border-radius: 3px; margin: 12px 0 8px 0;">
<div style="left:66px; line-height:1; position:absolute; top:-10px;">[[Datei:PokeyNorth.png|oben|20px|alt=|verweis=]]</div>
{| style="width:100%;"
|-
|class="skin-invert-image"| {{Hilfe:VisualEditor/!toolitem|Tabelle|name=1}}
|style="font-size:85%;text-align:right;"|{{Hilfe/clickbutton|Entfernen|color=rot|ex=1}}{{Hilfe/clickbutton|Eigenschaften|color=blau|Weitere Optionen öffnen|ex=1}}
|}
</div>
|- class="hintergrundfarbe1"
|
[[Datei:OOjs UI icon table.svg|24px|klasse=skin-invert|alt=|verweis=]] Tabelle – Bezeichner für dieses Bedienfeld mit folgenden Optionen:<br />
{{Hilfe/clickbutton|Entfernen|color=rot}} – Mit diesem Schalter kannst du die komplette Tabelle entfernen.<br />
{{Hilfe/clickbutton|Eigenschaften|Weitere Optionen öffnen|color=blau}} – öffnet eine weitere interaktive Box, in der sich die Tabelleneigenschaften verändern lassen.
|-
! {{int:visualeditor-dialog-table-title}}
|-
| <div style="border:1px solid #BBBBBB; width:380px; border-radius:3px; font-size: 90%;">
{{Hilfe/dialog|2=p|label-t={{int:visualeditor-dialog-table-title}}|label-1=[[Datei:OOjs UI icon close-ltr.svg|alt=|verweis=|12px|Abbrechen]]|label-2=<small style="white-space:nowrap;">Änderungen übernehmen</small>|noframe=1}}
----
{| class="toptextcells" style="width:100%; padding:.5em;"
|-
| {{int:visualeditor-dialog-table-caption}} || {{Hilfe/switchbutton}}
|-
| {{int:visualeditor-dialog-table-wikitable}} || {{Hilfe/switchbutton|on}}
|-
| {{int:visualeditor-dialog-table-sortable}} || {{Hilfe/switchbutton}}
|-
| {{int:visualeditor-dialog-table-collapsible}} || {{Hilfe/switchbutton}}
|-
|style="opacity: .6;"| {{int:visualeditor-dialog-table-collapsed}} || {{Hilfe/switchbutton|3=i}}
|}
</div>
|- class="hintergrundfarbe1"
|
Zur Auswahl den Schiebeschalter anklicken {{Hilfe/switchbutton|on}} = ja, {{Hilfe/switchbutton}} = nein.
|-
|
{{int:visualeditor-dialog-table-caption}} – eine Überschrift über die Tabelle setzen, hier öffnet sich ein Eingabefeld oberhalb der Tabelle. Dargestellt am Beispiel „wikitable“
{| style="float:left;"
|-
| Keine Überschrift {{Hilfe/switchbutton}}
{| class="wikitable"
|-
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|}
{| style="float:left; margin-left:1em; margin-top:0;"
| {{int:visualeditor-dialog-table-caption}} {{Hilfe/switchbutton|on}}
{|
|-
|
{| class="wikitable" style="border:0; margin:2px; margin-top:8px;"
|+ style="border:#B0B0B0 1px solid; border-bottom:0;"| {{int:visualeditor-dialog-table-caption}}|
|-
! style="width:16px; height:20px;"|
! style="width:16px;"|
! style="width:16px;"|
! style="width:16px;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|}
| →
|
{| class="wikitable" style="border:0; margin:2px;"
|+ style="margin-bottom:.5em;"| {{int:visualeditor-dialog-table-caption}}
|-
! style="width:16px; height:20px;"|
! style="width:16px;"|
! style="width:16px;"|
! style="width:16px;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|}
|}
|}
<div style="clear:both;"></div>
----
Stilisiert (wikitable) – als [[Hilfe:Tabellen/wikitable|wikitable]] oder als einfache Tabelle formatiert.
{| style="float:left;"
|-
| Einfache Tabelle {{Hilfe/switchbutton}}
{| class="wikitable hintergrundfarbe-basis"
|-
| style="width:16px; height:20px;"|
| style="width:16px;"|
| style="width:16px;"|
| style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|}
{| style="float:left; margin-left:1em; margin-top:0;"
| wikitable {{Hilfe/switchbutton|on}}
{| class="wikitable"
|-
! style="width:16px; height:20px;"|
! style="width:16px;"|
! style="width:16px;"|
! style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|}
<div style="clear:both;"></div>
----
{{int:visualeditor-dialog-table-sortable}} – Tabelle [[Hilfe:Tabellen/Sortierung|sortierbar]] machen. (Während der Bearbeitung der Seite sind die Sortierpfeile sichtbar, die Sortierfunktion ist jedoch nicht verfügbar. Bestehende Tabellen können mittels VisualEditor umgestellt werden. Über den Tabelleneigenschaften-Dialog kann geprüft werden, ob eine Tabelle sortierbar ist.<ref>Falls eine bestehende Tabelle in den Zellen der Spaltenüberschriften eine Formatierung mit <code>style="background:</code> enthält, sind die Sortierpfeile nicht sichtbar (siehe [[Hilfe:Tabellen/Beispiele#Sortierung]]). Bleiben die Pfeile auch nach dem Speichern verborgen, so ist mittels des klassischen [[Hilfe:Seite bearbeiten|Quelltexteditors]] <code>background</code> in <code>background-color</code> zu ändern oder die Formatierung zu entfernen. Ein Wechsel zur [[Hilfe:Glossar#Quelltext|Quelltextbearbeitung]] ist über die Schaltfläche <span class="skin-invert-image">{{Hilfe:VisualEditor/!icon|SourceEdit}}</span> des Hauptmenüs möglich.)</ref>
{| style="float:left;"
|-
| Nicht sortierbar {{Hilfe/switchbutton}}
{| class="wikitable"
|-
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|}
{| style="float:left; margin-left:1em; margin-top:0;"
| {{int:visualeditor-dialog-table-sortable}} {{Hilfe/switchbutton|on}}<ref>Während der Bearbeitung der Seite sind keine Sortierpfeile sichtbar.</ref>
{| class="wikitable"
|-
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|}
{| style="float:left; margin-left:1em; margin-top:0;"
| {{int:visualeditor-dialog-table-sortable}} {{Hilfe/switchbutton|on}}
{| class="wikitable ortable"
|- class="skin-invert-image"
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|}
<div style="clear:both;"></div>
----
Inhalte von Tabellen können auch [[Hilfe:Tabellen/Erweitert#mw-collapsible|eingeklappt werden]]. Wählst du die Funktion <code>{{int:visualeditor-dialog-table-collapsible}}</code> an, dann ist die Option <code>{{int:visualeditor-dialog-table-collapsed}}</code> deaktiviert, mit der du festlegen kannst, ob der einklappbare Inhalt sichtbar oder zunächst nicht sichtbar sein soll.<ref>Dies sollte in Artikeln nur sparsam eingesetzt werden. Wichtige Inhalte sollten sichtbar sein und nicht verborgen werden.</ref>
{| style="float:left;"
|-
| Nicht klappbar {{Hilfe/switchbutton}}
{| class="wikitable"
|-
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|}
{| style="float:left; margin-left:1em; margin-top:0;"
| {{int:visualeditor-dialog-table-collapsible}} {{Hilfe/switchbutton|on}}<ref>Während der Bearbeitung der Seite ist die Schaltfläche [Einklappen]↔[Ausklappen] sichtbar. Hinter dem Inhalt der letzten Kopfzeilenzelle oder einer Überschrift sollte ein geschütztes Leerzeichen <code>&nbsp;</code> oder {{Vorlage|0}} eingefügt werden, um die Schaltfläche auf Abstand zu setzen.</ref>
{| class="wikitable mw-collapsible"
|-
! Kl !! Kl !! Kl !! Kl{{0}}
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|}
{| style="float:left; margin-left:1em; margin-top:0;"
| {{int:visualeditor-dialog-table-collapsed}} {{Hilfe/switchbutton|on}}<ref>Die Einklappfunktion wird erst nach dem Speichern der Änderungen nutzbar.</ref>
{| class="wikitable mw-collapsible mw-collapsed"
|-
! Kl !! Kl !! Kl !! Kl{{0}}
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|}
<div style="clear:both;"></div>
Gibst du deiner Tabelle eine Überschrift, so wird die Ein-/Ausklappschaltfläche dort angehängt.
{| class="wikitable mw-collapsible" style="float:left; margin-left:1em;"
|+ {{int:visualeditor-dialog-table-collapsible}}{{0}}
|-
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
{| class="wikitable mw-collapsible mw-collapsed" style="float:left; margin-left:1em;"
|+ Eingeklappt{{0}}
|-
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
<div style="clear:both;"></div>
|- class="hintergrundfarbe1"
| {{Hilfe/clickbutton|Änderungen übernehmen|mw=p}} – schließe deine Auswahl über einen Klick auf diese Schaltfläche ab. Manche Änderungen werden erst nach dem Speichern sichtbar.
|}

{{Hilfe:VisualEditor/!headline|3|Tabelle bearbeiten|Gesamt=5|VisualEditor/Einfügen=3}}
Du kannst mehrere Zellen markieren und durch Klicken auf die {{Farbe|#C3D7EF|Text=blau}} hinterlegten Pfeilsymbole ein weiteres Menü öffnen, um Spalten oder Zeilen hinzuzufügen, zu verschieben oder zu entfernen.

{| class="wikitable hintergrundfarbe-basis toptextcells"
|- class="hintergrundfarbe9"
|colspan="2"|[[Datei:VisualEditor-logo.svg|x20px|alt=|Logo]]
|-
! colspan="2"| Zellinhalte bearbeiten
|-
|colspan="2"| <div style="margin-left:6.2em; position:absolute; margin-top:6em;">[[Datei:I-beam pointer.png|16px|klasse=skin-invert|alt=|verweis=|Zelle zum Bearbeiten mit einem Doppelklick anwählen]]</div>

{| class="wikitable" style="border:0; margin:2px;"
|-
|colspan="3" style="border:0;"|
|style="border:0; padding:0;"|<div style="background:#C3D7EF; color:inherit; line-height:1px; margin-bottom:2px; padding-left:8px;">[[Datei:OOjs UI icon expand.svg|14px|alt=|verweis=]]</div>
|style="border:0;"|
|-
|rowspan="2" style="border:0;"|
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:0; padding:0;"|<span style="background: #C3D7EF; color:inherit" padding: .5em 0 .5em 0;">[[Datei:OOjs UI icon next-ltr.svg|14px|mitte|verweis=]]</span>
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border: 2px solid #A0B4DE;"| |
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:0;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|}
|-
|colspan="2" class="hintergrundfarbe1"|
* Durch einen Doppelklick mit der linken Maustaste öffnest du eine Zelle zur Bearbeitung. Alternativ kann die Zelle mit einem einfachen Mausklick angewählt und mit der Eingabe-Taste <span class="skin-invert">{{Taste|↵}}</span> zur Bearbeitung geöffnet werden.
* Du kannst dort nun Inhalte einzufügen oder einen Fehler im Text korrigieren.
* Um die Bearbeitung der Zelle abzuschließen, klicke irgendwo außerhalb der Zelle.
* Oder: Mit {{Taste|Tab}} gelangst du dabei zur nächstfolgenden Zelle und du kannst diese bearbeiten; {{Taste|Umschalt}}{{Taste|Tab}} bringt dich zur vorangehenden.
|-
!colspan="2"| Mehrere Zellen markieren, verbinden, teilen
|-
|colspan="2"|
{| class="wikitable" style="border:0; margin:2px;"
|-
|colspan="2" style="border:0;"|
|style="border:0; padding:0;" colspan="2"|<div style="background:#C3D7EF; color:inherit; line-height:1px; margin-bottom:2px; padding-left:28px;">[[Datei:OOjs UI icon expand.svg|14px|alt=|verweis=]]</div>
|style="border:0;"|
|-
|style="border:0;"|
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|style="border:0; padding:0;" rowspan="2"|<span style="background: #C3D7EF; color:inherit; padding: 20px 0 20px 0;">[[Datei:OOjs UI icon next-ltr.svg|14px|mitte|alt=|verweis=]]</span>
|style="border:#B0B0B0 1px solid;"|
|style="border: 2px solid #A0B4DE; background:#C3D7EF; color:#{{Standardfarbe|text|body}};"| Text
|style="border:#B0B0B0 1px solid; background:#C3D7EF;color:inherit;"|
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid; background:#C3D7EF; color:inherit;"|
|style="border:#B0B0B0 1px solid; background:#C3D7EF; color:inherit;"|
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:0;"|
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|}
<div style="border: 1px solid #BBBBBB; position: relative; width: 380px; border-radius: 3px; margin: 12px 0 8px 0;">
<div style="left:66px; line-height:1; position:absolute; top:-10px;">[[Datei:PokeyNorth.png|oben|20px|alt=|verweis=]]</div>
{| style="width:100%;"
|-
|class="skin-invert-image"| {{Hilfe:VisualEditor/!toolitem|Tabelle|name=1}}
|style="font-size:85%;text-align:right;"|{{Hilfe/clickbutton|Entfernen|color=rot|ex=1}}{{Hilfe/clickbutton|Eigenschaften|color=blau|Weitere Optionen öffnen|ex=1}}
|-
|colspan="2"|
----
|-
|class="skin-invert-image" style="font-size:smaller;"| [[Datei:OOjs UI icon table-merge-cells.svg|22px|alt=|verweis=]]   {{int:visualeditor-table-merge-cells}}
|style="float:right; font-size:85%;"| {{Hilfe/clickbutton|Verbinden|color=blau|Diese Zellen verbinden|ex=1}}
|}
</div>
|- class="hintergrundfarbe1"
|colspan="2"|
Zellen verbinden:
* Wähle die erste Zelle durch Anklicken aus, halte die linke Maustaste gedrückt und ziehe sie bis zur letzten Zelle mit der du diese verbinden möchtest. Anschließend klicke auf die Schaltfläche {{Hilfe/clickbutton|Verbinden|color=blau}}, um die Zellen zu vereinen.
* Beachte, dass nur der Inhalt aus der Zelle links oben erhalten bleibt. Der Inhalt der anderen Zellen wird gelöscht.
Wurde etwas versehentlich entfernt, kannst du die Änderung über einen Klick auf die Schaltfläche <code class="skin-invert-image">[[Datei:OOjs UI icon arched-arrow-rtl.svg|verweis=|16px|alt=|Rückgängig machen Ctrl+Z]]</code> in der Toolbar oder durch Drücken der Tastenkombination <span class="skin-invert">{{Taste|[[Steuerungstaste|Ctrl]]+Z}}</span> zurücksetzen, den Inhalt verschieben oder kopieren und dann die Zellen erneut verbinden.
|-
|colspan="2"|
{| class="wikitable" style="border:0; margin:2px;"
|-
|colspan="2" style="border:0;"|
|style="border:0; padding:0;" colspan="2"|<div style="background:#C3D7EF; color:inherit; line-height:1px; margin-bottom:2px; padding-left:21px;">[[Datei:OOjs UI icon expand.svg|14px|alt=|verweis=]]</div>
|style="border:0;"|
|-
|style="border:0;"|
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|style="border:0; padding:0;" rowspan="2"|<span style="background: #C3D7EF; color:inherit; padding: 20px 0 20px 0;">[[Datei:OOjs UI icon next-ltr.svg|14px|alt=|mitte|verweis=]]</span>
|style="border:#B0B0B0 1px solid;"|  
|colspan="2" rowspan="2"style="border-left: 2px solid #A0B4DE; border-top: 2px solid #A0B4DE; background:#C3D7EF; color:#{{Standardfarbe|text|body}};"| Text
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|-
|style="border:0;"|
|style="border:#B0B0B0 1px solid;"|  
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|style="border:#B0B0B0 1px solid;"|
|}
<div style="border: 1px solid #BBBBBB; position: relative; width: 380px; border-radius: 3px; margin: 12px 0 8px 0;">
<div style="left:66px; line-height:1; position:absolute; top:-10px;">[[Datei:PokeyNorth.png|oben|20px|alt=|verweis=]]</div>
{| style="width:100%;"
|-
|class="skin-invert-image"| {{Hilfe:VisualEditor/!toolitem|Tabelle|name=1}}
|style="font-size:85%;text-align:right;"|{{Hilfe/clickbutton|Entfernen|color=rot|ex=1}}{{Hilfe/clickbutton|Eigenschaften|color=blau|Weitere Optionen öffnen|ex=1}}
|-
|colspan="2"|
----
|-
|class="skin-invert-image" style="font-size:smaller;"| [[Datei:OOjs UI icon table-merge-cells.svg|alt=|verweis=|22px]]  {{int:visualeditor-table-merge-cells}}
|style="float:right; font-size:85%;"| {{Hilfe/clickbutton|Teilen|color=blau|Diese verbundenen Zellen teilen}}
|}
</div>
|- class="hintergrundfarbe1"
|colspan="2"|
Du kannst Zellen, die zuvor verbunden wurden, wieder teilen:
* Möchtest du derart verbundene Zellen trennen, dann wähle sie mit einem Mausklick aus und betätige anschließend die Schaltfläche {{Hilfe/clickbutton|Teilen|color=blau}}.
* Der Text der vorher verbundenen Zellen wird nur in die linke obere Zelle übernommen.
* Die Zellen bleiben blau markiert, bis du eine andere Zelle auswählst, deine Bearbeitung an einer anderen Stelle im Text fortsetzt oder speicherst.
|-
!colspan="2"| Optionen für Tabellenzellen
|- class="hintergrundfarbe1"
|colspan="2"| {{Info}} Diese Optionen sollten möglichst nur bei Tabellen genutzt werden, in denen sich keine verbundenen Zellen befinden, da bei Verschiebungen ebenso, wie bei der Zusammenfügung von Zellen Inhalte entfernt werden könnten. Um sicherzugehen, dass nicht versehentlich Zelleninhalte verlorengegangen sind, prüfe deine Änderungen vor dem Speichern in der Vorschau indem du auf die Schaltfläche {{Hilfe/mark|Überprüfe deine Änderungen|schwarz|box=1}} klicks und die Verschiebung gegebenenfalls rückgängig machst.
|- class="hintergrundfarbe1"
!colspan="2"| Spaltenoptionen
|-
|
{{Farbe|#C3D7EF|Text=[[Datei:OOjs UI icon expand.svg|14px|alt=|verweis=]]}}
<div style="border: 1px solid #BBBBBB; position: relative; padding: .5em; width: 12.8em; border-radius: 3px; margin: .9em 0 .5em 0;">
<div style="left:.5em; line-height:1; position:absolute; top:-.7em;">[[Datei:PokeyNorth.png|20px|oben|alt=|verweis=]]</div>
{| style="font-size:90%; font-weight:bold; margin-top:0;"
|-
| [[Datei:OOjs UI icon table-insert-column-ltr.svg|20px|klasse=skin-invert|alt=|verweis=]] || Davor einfügen
|-
| [[Datei:OOjs UI icon table-insert-column-rtl.svg|20px|klasse=skin-invert|alt=|verweis=]] || Danach einfügen
|-
| [[Datei:VisualEditor icon table-move-column-ltr.svg|klasse=skin-invert|20px|alt=|verweis=]] || Nach links verschieben
|-
| [[Datei:VisualEditor icon table-move-column-rtl.svg|klasse=skin-invert|20px|alt=|verweis=]] || {{nowrap|Nach rechts verschieben}}
|-
| [[Datei:OOjs UI icon trash-destructive.svg|16px|verweis=]] ||style="color:#DD3333;"| Spalte[n] löschen
|}
</div>
|
{|
|-
| [[Datei:OOjs UI icon table-insert-column-ltr.svg|20px|klasse=skin-invert|alt=|verweis=]] || – eine Spalte vor der oder den markierten Spalte[n] einfügen
|-
| [[Datei:OOjs UI icon table-insert-column-rtl.svg|20px|klasse=skin-invert|alt=|verweis=]] || – eine Spalte hinter der oder den markierten Spalte[n] einfügen
|-
| [[Datei:VisualEditor icon table-move-column-ltr.svg|20px|klasse=skin-invert|alt=|verweis=]] || – markierte Spalte[n] weiter nach links schieben
|-
| [[Datei:VisualEditor icon table-move-column-rtl.svg|20px|klasse=skin-invert|alt=|verweis=]] || – markierte Spalte[n] weiter nach rechts schieben
|-
| [[Datei:OOjs UI icon trash-destructive.svg|16px|verweis=]] || – die markierte[n] Spalte[n] löschen
|}
|- class="hintergrundfarbe1"
!colspan="2"| Zeilenoptionen
|-
|
{{Farbe|#C3D7EF|Text=[[Datei:OOjs UI icon next-ltr.svg|14px|mitte|alt=|verweis=]]}}
<div style="border: 1px solid #BBBBBB; position: relative; padding: .5em; width: 12.8em; border-radius: 3px; margin: .9em 0 .5em 0;">
<div style="left:.3em; line-height:1; position:absolute; top:-.7em;">[[Datei:PokeyNorth.png|20px|oben|alt=|verweis=]]</div>
{| style="font-size:90%; font-weight:bold; margin-top:0;"
|-
| [[Datei:OOjs UI icon table-insert-row-before.svg|20px|klasse=skin-invert|alt=|verweis=]] || Oben einfügen
|-
| [[Datei:OOjs UI icon table-insert-row-after.svg|20px|klasse=skin-invert|alt=|verweis=]] || Unten einfügen
|-
| [[Datei:VisualEditor icon table-move-row-before.svg|klasse=skin-invert|20px|alt=|verweis=]] || Nach oben verschieben
|-
| [[Datei:VisualEditor icon table-move-row-after.svg|20px|klasse=skin-invert|alt=|verweis=]] || {{nowrap|Nach unten verschieben}}
|-
| [[Datei:OOjs UI icon trash-destructive.svg|16px|verweis=]] ||style="color:#DD3333;"| Zeile[n] löschen
|}
</div>
|
{|
|-
| [[Datei:OOjs UI icon table-insert-row-before.svg|20px|klasse=skin-invert|alt=|verweis=]] || – eine Zeile über der oder den markierten Zeilen[n] einfügen
|-
| [[Datei:OOjs UI icon table-insert-row-after.svg|20px|klasse=skin-invert|alt=|verweis=]] || – eine Zeile unter der oder den markierten Zeilen[n] einfügen
|-
| [[Datei:VisualEditor icon table-move-row-before.svg|20px|klasse=skin-invert|alt=|verweis=]] || – markierte Zeilen[n] weiter nach oben schieben
|-
| [[Datei:VisualEditor icon table-move-row-after.svg|20px|klasse=skin-invert|alt=|verweis=]] || – markierte Zeilen[n] weiter nach unten schieben
|-
| [[Datei:OOjs UI icon trash-destructive.svg|16px|verweis=]] || – die markierte[n] Zeile[n] löschen
|}
|}

{{Hilfe:VisualEditor/!headline|3|Inhalte verschieben, ausschneiden, einfügen|Gesamt=5|VisualEditor/Einfügen=3}}
Du kannst Inhalte, wie beispielsweise Medien, von außerhalb der Tabelle direkt in eine Tabellenzelle hineinschieben. Aus einer aktiv geöffneten Zelle kannst du Inhalte kopieren, ausschneiden oder aus der Tabelle herausschieben.

{| class="wikitable hintergrundfarbe-basis toptextcells"
|- class="hintergrundfarbe9"
|colspan="2"| [[Datei:VisualEditor-logo.svg|x20px|alt=|Logo]]
|-
!colspan="2"| Bilddateien oder Textstellen in eine Zelle schieben
|-
| [[Datei:VisualEditor - Media editing 3.png|50px|klasse=skin-invert]]
{| class="wikitable"
|-
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|   || || ||
|-
|   || || ||
|-
|   || || ||
|}
|
* Datei einmal anklicken und anschließend mit gedrückter linker Maustaste in eine der Zellen schieben. Wenn eine horizontale Linie in der Zelle sichtbar ist, wird die Datei beim Loslassen der Maustaste dort eingefügt.
* Die Datei kann auf die gleiche Weise auch von einer Zelle in eine andere verschoben werden.
* Texte, Vorlagen oder Dateien können zudem auf der Seite markiert und durch Kopieren oder Ausschneiden bewegt werden. Hiefür stehen dir unterschiedliche [[Hilfe:VisualEditor/Tastaturkombinationen|Tastenkombinationen]] zur Verfügung.
*# Ausschneiden = <span class="skin-invert">{{Taste|Ctrl+X}}</span>
*# Kopieren = <span class="skin-invert">{{Taste|Ctrl+C}}</span>
|-
|
{| class="wikitable"
|-
! style="width:16px; height:20px;"|
!style="width:16px;"|
!style="width:16px;"|
!style="width:16px;"|
|-
|   || || ||
|-
|   || || [[Datei:VisualEditor - Media editing 3.png|50px|klasse=skin-invert]] ||
|-
|   || || ||
|}
|
* Die Datei kann dort noch über das [[Hilfe:Bilder/VisualEditor|Medienmenü]] <code class="skin-invert-image">{{Hilfe:VisualEditor/!toolitem|Medien|name=1}}</code> angepasst werden, um beispielsweise die Größe, Ausrichtung oder Bildunterschrift zu verändern.
* Um ausgeschnittene oder kopierte Elemente einzufügen, hast du mehrere Möglichkeiten.
*# Für eine Ergänzung öffne die Tabellenzelle durch einen Doppelklick; du kannst nun an der Postion des Cursors den Inhalt aus der Zwischenablage durch gleichzeitiges Betätigen der Tasten <span class="skin-invert">{{Taste|Ctrl+V}}</span> einfügen.
*# Zum einfachen Ersetzen klicke die Zelle nur einmal an und füge den Inhalt auf diese Weise ein, dadurch wird der vorherige Zelleninhalt überschrieben.
*# Du kannst statt der Tasten <span class="skin-invert">{{Taste|Ctrl+V}}</span>, bei der die vorherige Formatierung des Textes übernommen wird, auch die Tasten <span class="skin-invert">{{Taste|Ctrl+Shift+V}}</span> betätigen. Dadurch fügst du nur den reinen Klartext ohne Formatierung ein.
|}
<noinclude>
== Weitere Informationen ==
* [[Hilfe:Tabellen]] – [[Hilfe:Glossar#Quelltext|Quelltextbearbeitung]]
* [[:Datei:Einführungsworkshop Tabellen in Wikipedia.pdf|Einführungsworkshop]] 2024; 37 Folien

== Anmerkungen ==
<references />
</noinclude>
{{#ifeq: {{PAGENAME}} | Tabellen/* | |
{{Hilfe:VisualEditor/!category|sort=Tabellen|cats=[[Kategorie:Hilfe:Listen und Tabellen|VisualEditor/Tabellen]]}}
}}

Hilfe:Tabellen/VisualEditor - Versionsgeschichte