VisuellWikitext
(Die Seite wurde neu angelegt: „ <nowiki>{{DISPLAYTITLE: Tabellen einfügen}}</nowiki> <nowiki>==Eine Tabelle einfügen==</nowiki> Wählen Sie in VisualEditor "Einfügen > Tabellen", um e…“)
 
Keine Bearbeitungszusammenfassung
 
(19 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<bookshelf src="Buch:Benutzerhandbuch" />
{{DISPLAYTITLE: Tabellen einfügen}}
==Eine Tabelle einfü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><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-tabelle-eingefuegt.png|alternativtext=Tabelle mit Dialogfeld |zentriert|mini|305x305px|Eingefügte Tabelle]]
<span><br /></span><span><span /></span>


<nowiki>{{DISPLAYTITLE: Tabellen einfügen}}</nowiki>
Doppelklicken Sie in die Zellen, um Text einzufügen.
[[Datei:ve-tabellen-farbe-standard.png|alternativtext=Beispiel eines Wochenplans (auf Englisch)|zentriert|mini|250x250px|Beispieltabelle]]
<span><br /></span><span><span /></span>
==Zeilen und Spalten verbinden==
'''So verbinden Sie Tabellenzellen:'''


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


<nowiki>==Eine Tabelle einfügen==</nowiki>
Die verbundenen Zellen können Sie über die gleiche Schaltfläche wieder teilen.


Wählen Sie in VisualEditor "Einfügen > Tabellen", um eine Tabelle in einer Seite einzufügen:
==Tabelleneigenschaften festlegen==


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


<nowiki>[[Datei:VE-einfuegen-tabelle.png|220x220px]]</nowiki>
{| class="contenttable-blue" style=""
 
|+Übersicht der Tabelleneigenschaften
 
!Eigenschaft
Nach Angabe der Zeilen und Spalten erscheint eine leere Tabelle mit Bearbeitungsmenü:
!Beschreibung
 
|-
 
| Tabellenbreite
<nowiki>[[Datei:VE-tabelle-eingefuegt.png|305x305px]]</nowiki>
|Die Gesamtbreite kann hier prozentual zur verfügbaren Seitenbreite eingestellt werden, zum Beispiel auf 100%.
 
|-
 
|Tabellenstil
Wenn der Mauszeiger auf einem Symbol ruht, wird die jeweilige Funktion angezeigt.
|Hier können verschiedene Stilvorlagen für die Tabelle geladen werden. Siehe: [[Handbuch:Erweiterung/VisualEditor/Tabellen#Tabellenstile|Galerie der Tabellenstile]].
 
|-
 
|Exportierbar
Doppelklicken Sie in die Zellen, um Text einzufügen:
|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">
<nowiki>[[Datei:ve-tabellen-farbe-standard.png|250x250px]]</nowiki>
/* 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;
<nowiki>==Zeilen und Spalten verbinden==</nowiki>
</syntaxhighlight>
 
|-
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":
|Filterbar
 
|Die Filterfunktion wird in der Titelzeile aktiviert und ermöglicht folgende Handlungen:
<nowiki>[[Datei:ve-tabellen-mergecellsDE.png|300x300px]]</nowiki>
 
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.
 
 
<nowiki>==Tabelleneigenschaften festlegen==</nowiki>
 
Im Menüpunkt Eigenschaften gibt es zahlreiche Einstellungen, um die Funktionalität und Darstellung der Tabelle anzupassen:


*Tabelle sortieren (aufsteigend oder absteigende Werte der aktiven Spalte)
*Tabellenspalten ausblenden
*Spalte filtern (nur Werte aus der aktuellen Spalte werden hier berücksichtigt)


<nowiki>{| class="contenttable-blue"</nowiki>
[[Datei:tabelle-filtern.png|550x550px|alternativtext=Aufgeklapptes Filtermenü]]


!Eigenschaft
<span><br /></span>
 
!Beschreibung


{{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
|Überschrift
|Zeigt eine Überschrift über der Tabelle:
|Zeigt eine Überschrift über der Tabelle:
 
[[Datei:tabelle-ueberschrift.png|200x200px|alternativtext=Überschrift "Wochenplan KW 38" über einem Tabellenausschnitt]]
<nowiki>[[Datei:tabelle-ueberschrift.png|200x200px]]</nowiki>
 


Nach dem Deaktivieren der Überschrift ist sie verloren und muss beim Re-aktivieren neu eingegeben werden.
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
|Sortierbar
|In der ersten Reihe wird eine Sortierungsfunktion angezeigt:
|In der ersten Reihe wird eine Sortierungsfunktion angezeigt:
 
[[Datei:tabelle-sortieren.png|200x200px|alternativtext=Sortierbare Kopfzeile eines Tabellenausschnitts]]
<nowiki>[[Datei:tabelle-sortieren.png|200x200px]]</nowiki>
 


Die aktuelle Sortierung ist in der Titelzeile ersichtlich. In der sortierten Spalte wird nur einer der beiden Sortierungspfeile angezeigt.
Die aktuelle Sortierung ist in der Titelzeile ersichtlich. In der sortierten Spalte wird nur einer der beiden Sortierungspfeile angezeigt.
|-
|-
|Einklappbar
|Einklappbar
 
|Die Tabelle kannüber einen Textlink aus-  und eingeklappt werden.
|Die Tabelle kann auf der Seite über einen Textlink ausgeblendet werden.
 
|-
|-
|Zunächst eingeklappt
|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:
|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]]
<nowiki>[[Datei:tabelle-eingeklappt.png|rahmenlos|320x320px]]</nowiki>
 
|-
 
|Exportierbar
 
|
 
|-
 
|Filterbar
 
|Die Filterfunktion wird in der Titelzeile aktiviert und ermöglicht folgende Handlungen:
 
 
<nowiki>*</nowiki>Tabelle sortieren (aufsteigend oder absteigende Werte der aktiven Spalte)
 
<nowiki>*</nowiki>Tabellenspalten ausblenden
 
<nowiki>*</nowiki>Spalte filtern (nur Werte aus der aktuellen Spalte werden hier berücksichtigt)
 
 
<nowiki>[[Datei:tabelle-filtern.png|550x550px]]</nowiki>
 
 
 
 
<nowiki>{{Box Note|boxtype=note|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.}}</nowiki>
 
 
|-
 
|Tabellenstil
 
|Hier können verschiedene Stilvorlagen für die Tabelle geladen werden.
 
|-
 
|Volle Tabellenbreite
 
|Die Tabelle nutzt die volle Breite der Wikiseite, unabhängig vom Tabelleninhalt.
 
|}
|}


 
==Tabellenstile==
<nowiki>==Tabellenstile==</nowiki>
 
 


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


<nowiki><gallery></nowiki>
<gallery>
 
Datei:tables-nostyle.png|alt=Tabelle ohne Tabellenlinien|No table style
Datei:ve-tabellen-farbe-standard.PNG|alt=Tabellenfarbe Standard|Standard
Datei:ve-tabellen-farbe-standard.PNG|alt=Weiße Kopfzeile mit hellgrauen Inhaltszellen|Standard
 
Datei:ve-tabellen-farbe-content.PNG|alt=Graue Kopfzeile mit weißen Inhaltszellen|Content
Datei:ve-tabellen-farbe-content.PNG|alt=Tabellenfarbe Content|Content
Datei:ve-tabellen-farbe-content black.PNG|alt=Dunkelgraue Kopfzeile und dunkle Zellenrahmen|Content (black)
 
Datei:ve-tabellen-farbe-blue.PNG|alt=Blaue Kopfzeile udn Blaue Zellenrahmen|Content (blue)
Datei:ve-tabellen-farbe-content_black.PNG|alt=Tabellenfarbe Content Black|Content (black)
Datei:ve-tabellen-farbe-content darkblue.PNG|alt=Dunkelblaue Kopfzeile und blaue Zellenrahmen|Content (darkblue)
 
Datei:ve-tabellen-farbe-cusco sky.PNG|alt=Hellblaue Kopfzeile mit alternierenden Zeilenfarben und dunkelblauem Text|Cusco Sky
Datei:ve-tabellen-farbe-blue.PNG|alt=Tabellenfarbe Content blue|Content (blue)
Datei:ve-tabellen-farbe-casablanca.PNG|alt=Dunkelblaue Kopfzeile mit alternierenden Zeilenfarben und dunkelblauem Text|Casablanca
 
Datei:ve-tabellen-farbe-greyscale.PNG|alt=Weiße Kopfzeile mit dunklen Zellenrahmen und alternierende Reihenfarbe  mit blauem Text|Greyscale
Datei:ve-tabellen-farbe-content_darkblue.PNG|alt=Tabellenfarbe Content darkblue|Content (darkblue)
Datei:ve-tabellen-farbe-greyscale narrow.PNG|alt=Dunklegrau Kopfzeile mit alternierende Reihenfarbe und blauem Text|Greyscale (narrow)
 
</gallery>
Datei:ve-tabellen-farbe-cusco sky.PNG|alt=Tabellenfarbe Cusco Sky|Cusco Sky
 
Datei:ve-tabellen-farbe-casablanca.PNG|alt=Tabellenfarbe Casablanca|Casablanca
 
Datei:ve-tabellen-farbe-greyscale.PNG|alt=Tabellenfarbe Greyscale|Greyscale
 
Datei:ve-tabellen-farbe-greyscale_narrow.PNG|alt=Tabellenfarbe Greyscale narrow|Greyscale (narrow)
 
<nowiki></gallery></nowiki>
 
 
<nowiki>==Weitere Hinweise==</nowiki>
 
<nowiki><section begin="training-tabellen" /></nowiki><nowiki><div class="training anwender"></nowiki>
 
Mit dem visuellen Editor ist es leicht, Inhalte als Tabelle zu formatieren. Es gibt hierzu folgende Alternativen:
 
 
<nowiki>*</nowiki>Tabellen können auch als csv-Datei auf einer Seite eingefügt werden (einfach die CSV-Datei auf die Seite im Bearbeitungsmodus ziehen)
 
<nowiki>*</nowiki>Komplexe Tabellen können alternativ als xls-Datei an die Seite angehängt werden.


<nowiki></div></nowiki><nowiki><section end="training-tabellen" /></nowiki>
<span><br /></span>


<nowiki><br /></nowiki><nowiki>{{Box Links|Thema1=[[VisualEditor/Tabellen/Beispiele| Beispiele zur Gestaltung von Tabellen]]}}</nowiki>
=== <span>Fixierte Kopfzeile ("Sticky header")</span> ===
<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>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><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>


<nowiki>[[de:{{FULLPAGENAME}}]]</nowiki>
[[de:{{FULLPAGENAME}}]]


<nowiki>[[en:Manual:VisualEditor/Tables]]</nowiki>
[[en:Manual:Extension/VisualEditor/Insert tables]]

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

Eine Tabelle einfügen[Bearbeiten | Quelltext bearbeiten]

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

Ausgeklapptes Menü "Einfügen"
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.

Tabelle mit Dialogfeld
Eingefügte Tabelle

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

Beispiel eines Wochenplans (auf Englisch)
Beispieltabelle

Zeilen und Spalten verbinden[Bearbeiten | Quelltext bearbeiten]

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[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)

Aufgeklapptes Filtermenü


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:

Überschrift "Wochenplan KW 38" über einem Tabellenausschnitt

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:

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

Ausklappen-Link in der Kopfzeile einer eingeklappten Tabelle

Tabellenstile[Bearbeiten | Quelltext bearbeiten]

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

  • Tabelle ohne Tabellenlinien

    No table style

  • Weiße Kopfzeile mit hellgrauen Inhaltszellen

    Standard

  • Graue Kopfzeile mit weißen Inhaltszellen

    Content

  • Dunkelgraue Kopfzeile und dunkle Zellenrahmen

    Content (black)

  • Blaue Kopfzeile udn Blaue Zellenrahmen

    Content (blue)

  • Dunkelblaue Kopfzeile und blaue Zellenrahmen

    Content (darkblue)

  • Hellblaue Kopfzeile mit alternierenden Zeilenfarben und dunkelblauem Text

    Cusco Sky

  • Dunkelblaue Kopfzeile mit alternierenden Zeilenfarben und dunkelblauem Text

    Casablanca

  • Weiße Kopfzeile mit dunklen Zellenrahmen und alternierende Reihenfarbe mit blauem Text

    Greyscale

  • Dunklegrau Kopfzeile mit alternierende Reihenfarbe und blauem Text

    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

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



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

Abgerufen von „https://de.wiki.bluespice.com/w/index.php?title=Handbuch:Erweiterung/VisualEditor/Tabellen&oldid=11322“
Keine Kategorien vergebenBearbeiten

Diskussionen