Jump to content

Hilfe:Tabellen

From mediawiki.org
This page is a translated version of the page Help:Tables and the translation is 100% complete.
Languages:
PD Hinweis: Wenn Du diese Seite bearbeitest, stimmst Du zu, dass Dein Beitrag unter der [CC0] veröffentlicht wird. Mehr Informationen findest du auf der Public Domain Hilfeseite. PD
Tabellen leitet auf diese Seite weiter; für MediaWikis Datenbank-Tabellenstruktur, siehe: Manual:Database layout .

Tabellen können auf Wikiseiten erstellt werden. Generell sollte man die Verwendung von Tabellen vermeiden, außer es geht wirklich nicht anders. Der Tabellenaufbau verkompliziert meist das Bearbeiten von Seiten.[1]

Zusammenfassung Wiki-Tabellen-Code

{| Tabellenanfang, erforderlich
|+ Tabellenbeschriftung, optional; nur zwischen Tabellenanfang und erster Tabellenzeile
|- neue Tabellenzeile, optional bei der erste Zeile, sonst verpflichtend -- (wird von der Wiki-Engine trotz Fehlen in der ersten Zeile angenommen)
! Tabellenkopfzelle, optional Aufeinanderfolgende Kopfzellen können durch doppelte Ausrufezeichen (!!) getrennt, in der gleichen Zeile folgen, oder mit einfachen Ausrufezeichen (!) auf einer neuen Zeile beginnen.
| Tabellenzelle, benötigt! Aufeinanderfolgende Zellen können durch doppelte Striche (||) getrennt werden, in der gleichen Zeile folgen oder mit einfachem Strich (|) auf einer neuen Zeile beginnen.
|} Tabellenende, notwendig
  • Die oben angegebenen Zeichen müssen am Zeilenanfang stehen, ausgenommen die Doppelten || und !! für optional aufeinanderfolgende Zellen in einer Zeile. Leerzeichen am Zeilenanfang werden ignoriert.
  • HTML-Eigenschaften. Jede Markierung, außer das Tabellenende, kann optional eine oder mehrere HTML-Eigenschaften haben. Die Eigenschaften müssen in der gleichen Zeile eingegeben werden, für die sie gelten sollen. Mehrere Eingaben müssen mit einem Leerzeichen getrennt eingegeben werden.
    • Zellen und Beschriftung (| oder ||, ! oder !!, und |+) umschließen Inhalte. Deswegen sollte man Attribute vom Inhalt mit einer Pipe trennen (|) Der Inhalt der Zelle kann dann in der gleichen Zeile oder in darauffolgenden Zeilen folgen.
    • Tabellen- und Zeilenmarkierungen ({| and |-) enthalten nicht direkt Inhalt. Hier dürfen keine Pipes (|) nach den optionalen Attributen gesetzt werden. Wenn fälschlicherweise ein Pipe nach den Attributen für die Tabellen- oder Zeilenmarkierungen gesetzt wird, löscht es der Parser und das letzte Attribut, wenn es das fehlerhafte Pipe berührt.
  • Inhalt kann (a) nach seiner Zellenmarkierung nach den optionalen HTML-Eigenschaften in der gleichen Reihe stehen oder (b) unter der Zellenmarkierung. Inhalt, der Wikiformatierung wie Listen, Überschriften oder verschachtelte Tabellen nutzt, muss am Anfang einer neuen Zeile stehen.
    • Strichzeichen als Inhalt. Um ein Strichzeichen (|) in eine Tabelle einzufügen, verwenden Sie das <nowiki>|</nowiki> Maskierungszeichen.


Grundlagen

Erstellen einer Tabelle mit der Editor-Toolbar

Platziere im Wikitext-Editor die Einfügemarke an der Stelle, an der eine Tabelle eingefügt werden soll. Drücke dann in der Symbolleiste „Erweitert“ und wählen Sie dann die Schaltfläche „ Tabelle“. Es öffnet sich ein Dialog.

Im Dialogfeld kann auswählt werden, ob eine Tabellenkopfzeile aktiviert, die Tabelle mit einem Rahmen stilisiert und die Tabelle sortierbar gemacht werden soll. Eine Vorschau der Anzeige wird angezeigt. Die Anzahl der benötigten Zeilen uns Spalten kann festgelegt werden. Im Anschluss dann den Button „Einfügen“ anklicken.

Standardmäßig wird der folgende Code generiert:

Wikikode:
{| class="wikitable" style="margin:auto"
|+ Text der Überschrift
|-
! Überschrift !! Überschrift !! Überschrift
|-
| Beispiel || Beispiel || Beispiel
|-
| Beispiel || Beispiel || Beispiel
|-
| Beispiel || Beispiel || Beispiel
|}
Ergebnis:
Text der Überschrift
Überschrift Überschrift Überschrift
Beispiel Beispiel Beispiel
Beispiel Beispiel Beispiel
Beispiel Beispiel Beispiel

Minimale Syntax

Die folgende Tabelle hat weder Ränder noch gute Leerräume, zeigt jedoch den einfachsten Wikicode für eine Tabellenstruktur.

Eingabe Ergebnis 
{|
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
Orange Apfel
Brot Torte
Butter Eis

Die Zellen in der gleichen Zeile einer Zeile können durch || (zwei senkrechte Striche) getrennt aufgeführt werden. Wenn der Text in der Zelle einen Zeilenumbruch enthält, nutze stattdessen ‎<br />.

Eingabe Ergebnis 
{|
|Orange||Apfel||mehr
|-
|Brot||Kuchen||mehr
|-
|Butter||Eis<br />creme||und<br />mehr
|}
Orange Apfel mehr
Brot Kuchen mehr
Butter Eis
creme		 und
mehr

Zusätzliche Leerzeichen innerhalb von Zellen in der Wiki-Markup werden nicht gerendert, siehe:

Eingabe Ergebnis 
{|
|  Orange || Apfel || mehr
|-
|   Brot || Kuchen || mehr
|-
|   Butter || Eis || und mehr
|}
Orange Apfel mehr
Brot Kuchen mehr
Butter Eis und mehr

Um längere Texte oder komplexe Wiki-Syntax innerhalb von Tabellenzellen nutzen, siehe:

Eingabe Ergebnis 
{|
|Lorem ipsum dolor sit amet,
consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat,
sed diam voluptua.

At vero eos et accusam et justo duo dolores
et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum
dolor sit amet.
|
* Lorem ipsum dolor sit amet
* consetetur sadipscing elitr
* sed diam nonumy eirmod tempor invidunt
|}
Lorem ipsum dolor sit amet,

consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet
  • consetetur sadipscing elitr
  • sed diam nonumy eirmod tempor invidunt

Tabellenköpfe

Tabellenköpfe können mit „!“ (Ausrufezeichen) statt des „|“ (Pipe-Symbols) erstellt werden. Köpfe (engl. Header), werden in der Regel fett dargestellt und standardmäßig zentriert.

Sie schreiben Sie erhalten 
{|
! style="text-align:left;"| Gegenstand
! Menge
! Kosten
|-
|Orange
|10
|7.00
|-
|Brot
|4
|3.00
|-
|Butter
|1
|5.00
|-
!Total
|
|15.00
|}
Gegenstand Menge Kosten
Orange 10 7.00
Brot 4 3.00
Butter 1 5.00
Total 15.00
Bei der Verwendung von Attributen wie in der Überschrift 'Gegenstand' wird zur Trennung eine vertikale Leiste '|' verwendet, kein Ausrufezeichen '!'.

Beschriftung

Eine Tabellenbeschriftung kann wie folgt über jeder Tabelle hinzugefügt werden:

Sie schreiben Sie erhalten 
{|
|+Nahrungszusätze
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
Nahrungszusätze
Orange Apfel
Brot Torte
Butter Eis

class="wikitable"

Grundstyling (hellgrauer Hintergrund, Rahmen, Innenabstand und Linksausrichtung) kann durch das Einfügen von class ="wikitable" erreicht werden.

Eingabe Ergebnis 
{| class="wikitable"
|+Nahrungszusätze
|-
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
Nahrungszusätze
Orange Apfel
Brot Torte
Butter Eis

HTML "colspan" und "rowspan"

Die HTML-Attribute colspan und rowspan können in Zellen verwendet werden, um erweiterte Layoutmöglichkeiten zu erhalten.

Eingabe Ergebnis 
{| class="wikitable"
!colspan="6"|Einkaufsliste
|-
|rowspan="2"|Brot & Butter
|Torte
|Brötchen
|Plundergebäck
|colspan="2"|Croissant
|-
|Käse
|colspan="2"|Eis
|Butter
|Joghurt
|}
Einkaufsliste
Brot & Butter Torte Brötchen Plundergebäck Croissant
Käse Eis Butter Joghurt

Hinweis zu großen Tabellen (Klasse noresize)

The use of the wrapping div.noresize will ensure your table is optimized for mobile and is extremely important for large tables e.g. tables with more than 4 columns or large columns. Failure to use this element will cause your content to overlap UI elements e.g. the Vector 2022 sidebar or to break mobile display. This will cause the table to have a horizontal scroll bar when the table is too big for the content.

Shopping List
Areallyreallyreallyreallylongstringwillcauseyourtableto Pie Buns Danish Croissantsmaycausetexttoincreasethesizeofyourcolumnsoitbreaksoutofthecontent area if you do not wrap the table with noresize.
Cheese Ice cream Butter Yogurt

HTML-Eigenschaften

Es können HTML-Eigenschaften zu Tabellen hinzugefügt werden. Die verbindliche Quelle für HTML-Attribute findet sich auf der W3C-Spezifikationsseite für Tabellen.

Tabellenattribute

Das Platzieren von Attributen nach dem Starttag der Tabelle ({|) gilt für Attribute in der gesamten Tabelle.

Eingabe Ergebnis 
{| class="wikitable" style="text-align: center; color: green;"
|Orange
|Apfel
|12,333.00
|-
|Brot
|Torte
|500.00
|-
|Butter
|Eis
|1.00
|}
Orange Apfel 12,333.00
Brot Torte 500.00
Butter Eis 1.00

Zellenattribute

Es können Attribute für individuelle Zellen definiert werden. Zum Beispiel sehen Zahlen schöner aus, wenn sie rechtsbündig sind.

Eingabe Ergebnis 
{| class="wikitable"
| Orange
| Apfel
| style="text-align:right;" | 12,333.00
|-
| Brot
| Torte
| style="text-align:right;" | 500.00
|-
| Butter
| Eis
| style="text-align:right;" | 1.00
|}
Orange Apfel 12,333.00
Brot Torte 500.00
Butter Eis 1.00

Es können auch die Zellenattribute verwendet werden, wenn mehrere Zellen nebeneinander gereiht wurden. Bitte beachte, dass die Zellen durch || geteilt werden, und in jeder Zelle die Attribute und deren Werte durch | abgegrenzt werden.

Eingabe Ergebnis 
{| class="wikitable"
| Orange || Apfel     || style="text-align:right;" | 12,333.00
|-
| Brot || Kuchen       || style="text-align:right;" | 500.00
|-
| Butter || Eis || style="text-align:right;" | 1.00
|}
Orange Apfel 12,333.00
Brot Kuchen 500.00
Butter Eis 1.00

Zeilenattribute

Sie können ebenfalls für Zeilen Attribute definieren.

Eingabe Ergebnis 
{| class="wikitable"
| Orange
| Apfel
| style="text-align:right;"| 12,333.00
|-
| Brot
| Torte
| style="text-align:right;"| 500.00
|- style="font-style: italic; color: green;"
| Butter
| Eis
| style="text-align:right;"| 1.00
|}
Orange Apfel 12,333.00
Brot Torte 500.00
Butter Eis 1.00

Attribute für Titel und Kopfzellen

Attribute können folgendermaßen zum Anfang und den Kopfzellen hinzugefügt werden.

Eingabe Ergebnis 
{| class="wikitable"
|+ style="caption-side:bottom; color:#e76700;"|Nahrungszusätze
|-
! style="color:green" | Früchte
! style="color:red" | Fette
|-
|Orange
|Butter
|-
|Birne
|Torte
|-
|Apfel
|Eis
|}
Nahrungszusätze
Früchte Fette
Orange Butter
Birne Torte
Apfel Eis

Rahmenbreite

Wenn „border-width:“ nur einen Wert hat, so ist dieser für alle vier Seiten des Rahmens gemeint:

Eingabe Ergebnis 
{|style="border-style: solid; border-width: 20px"
|
Hallo
|}

Hallo

Wenn „border-width:“ allerdings mehr als einen Wert hat, dann stehen die vier Werte in der Reihenfolge Oben, Rechts, Unten, Links (zu MERKEN als im Uhrzeigersinn: ↑→↓←):

Eingabe Ergebnis 
{|style="border-style: solid; border-width: 10px 20px 100px 0"
|
Hallo
|}

Hallo

Falls weniger als vier Werte definiert sind:
  • bei drei Werten, d.h. top, right, bottom: der Standardwert für left ist dann der gleiche wie right (zweiter Wert). Die Breite ist dann auf der linken und rechten Seite gleich.
  • bei zwei Werten, d.h. top, right: der Standardwert für bottom ist dann der gleiche wie für top (erster Wert) und $links wird standardmäßig der gleiche Wert wie $rechts (zweiter Wert) zugeordnet. Die Breite oben ist dann die gleiche wie unten; die Breite links ist die gleiche wie rechts.
  • bei einem Wert, d.h. top: der Standardwert für right ist der gleiche wie für top, bottom und left. Die vier Breiten sind dann identisch und zeichnen einen normalen Rahmen. Das ist eine gebräuchlichste Kurzform.

Man kann auch alternativ die Werte "border-left", "border-right", "border-top" und "border-bottom" zur Definition der vier Rahmenlinien einer Zelle verwenden:

Eingabe Ergebnis 
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black;" align="center"
|
Hallo
|}

Hallo

Die HTML-Attribute (wie "width=", "border=", "cellspacing=" oder "cellpadding=") brauchen keine Längeneinheit (dann wird Pixel als Einheit angenommen). Diese sind auch ungültig in HTML5.

"Cellpadding" bestimmt den Abstand zwischen Zellenwand und Zelleninhalt.[2]

Die CSS-Stil-Eigenschaft (die HTML-Attribute überschreiben) benötigen eine explizite Längeneinheit (wenn der Wert nicht 0 ist), wie zum Beispiel "px" für Pixel.

Mit HTML-Eigenschaften und CSS-Definitionen

CSS -Stil-Attribute können mit oder ohne andere HTML-Attribute hinzugefügt werden.

Eingabe Ergebnis 
{| class="wikitable" style="color:green; background-color:#ffffcc;" cellpadding="10"
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
Orange Apfel
Brot Torte
Butter Eis

Innenabstand

Stellt den inneren Abstand zwischen dem Inhalt und dem Rand der Zelle dar.

Eingabe Ergebnis 
{|class=wikitable
| style="padding: 10px" | Beispiel für style="padding:10px"
|-
| style="padding: 50px" | Beispiel für style="padding:50px"<br/><br/>Festlegung des Einzugs für '''JEDE ZELLE'''
|-
| style="padding:100px" | Beispiel für style="padding:100px"
|}
Beispiel für style="padding:10px"
Beispiel für style="padding:50px"

Festlegung des Einzugs für JEDE ZELLE
Beispiel für style="padding:100px"

Spaltenbreite

Die Spaltenbreite kann wie folgt hinzugefügt werden.

Eingabe 

{| class="wikitable" style="width: 85%;"
| colspan="2" | Diese Spaltenbreite ist 85% der Bildschirmbreite
|-
| style="width: 30%"| '''Diese Spalte ist 30% von 85% der Bildschirmbreite'''
| style="width: 70%"| '''Diese Spalte ist 70% von 85% der Bildschirmbreite'''
|}

Ergebnis

Diese Spaltenbreite ist 85% der Bildschirmbreite
Diese Spalte ist 30% von 85% der Bildschirmbreite Diese Spalte ist 70% von 85% der Bildschirmbreite

Zugänglichkeit von Zellen mit Tabellenüberschriften

Zellen mit Tabellenüberschriften zeigen normalerweise nicht, auf welche Zellen der Tabelle sie sich beziehen (die rechts von ihnen in der gleichen Zeile oder die unter ihnen in der gleichen Spalte). Wenn die Tabelle in einer 2D-Umgebung dargestellt wird, lässt sich dies leicht schlussfolgern.

Wenn Tabellen jedoch in nicht-sichtbaren Medien dargestellt werden, kann man dem Browser helfen, herauszufinden, auf welche beliebige markierte Zelle sich die Tabellenüberschriftszelle bezieht (damit der Inhalt in einem Barrierefreiheitstool wiedergegeben werden kann), indem man die Attribute scope="row" oder scope="col" in Zellen mit Tabellenüberschriften vergibt. In den meisten Fällen (bei einfachen Tabellen), wird scope="col" in allen Überschriftszellen der ersten Zeile und scope="row" in allen Zellen der darauffolgenden Zeilen verwendet:

Eingabe Ergebnis 
{| class="wikitable"
|-
! scope="col"| Gegenstand
! scope="col"| Menge
! scope="col"| Kosten
|-
! scope="row"| Brot
| 0.3 kg
| $0.65
|-
! scope="row"| Butter
| 0.125 kg
| $1.25
|-
! scope="row" colspan="2"| Total
| $1.90
|}
Gegenstand Menge Kosten
Brot 0.3 kg $0.65
Butter 0.125 kg $1.25
Total $1.90


Ausrichtung

Tabellenausrichtung

Die Tabellenausrichtung wird durch CSS gesteuert. Die Ausrichtung wird durch Abstände gesteuert. Ein festgesetzter Abstand auf einer Seite bewirkt, dass die Tabelle auf diese Seite ausgerichtet wird, wenn der Abstand auf der anderen Seite als auto definiert ist. Um eine Tabelle in der Mitte auszurichten, sollten beide Abstände auf auto gesetzt werden.

Zum Beispiel für eine rechtsbündig ausgerichtete Tabelle:

Eingabe Ergebnis 
{| class="wikitable" style="margin-left: auto; margin-right: 0px;"
| Orange
| Apfel
|-
| Brot
| Torte
|-
| Butter
| Eis
|}

Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
Orange Apfel
Brot Torte
Butter Eis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Und eine zentrierte Tabelle:

Eingabe Ergebnis 
{| class="wikitable" style="margin: auto;"
| Orange
| Apfel
|-
| Brot
| Torte
|-
| Butter
| Eis
|}

Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
Orange Apfel
Brot Torte
Butter Eis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Umbruch von Text um Tabellen

Wenn man eine Tabelle rechts- oder linksbündig auf einer Seite ausrichtet, beginnt der Text, der nach der Tabelle kommt, am Ende der Tabelle, was zu einem leeren Platz neben der Tabelle führt. Der Text kann um die Tabelle umgebrochen werden, sodass die Tabelle neben dem Text schwebt, statt sie einfach auszurichten. Dies kann mit dem CSS-Attribut float erreicht werden, das angeben kann, ob die Tabelle rechts oder links schwebt (float). When float benutzt wird, bewirken definierte Abstände keine Ausrichtung der Tabelle, sondern den Abstand zwischen Tabelle und dem umgebenden Text.

Eingabe Ergebnis 
{| class="wikitable" style="float:right; margin-left: 10px;"
| Orange
| Apfel
|-
| Brot
| Torte
|-
| Butter
| Eis
|}

Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat,
vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit augue duis dolore te
feugait nulla facilisi.
Orange Apfel
Brot Torte
Butter Eis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Ausrichtung von Zelleninhalt

Die Ausrichtung der Zellinhalte kann mit 2 verschiedenen CSS-Eigenschaften gesteuert werden: text-align und vertical-align. text-align kann in der Tabelle, Zeile oder einzelnen Zellen angegeben werden, während nur vertical-align in einzelnen Zeilen oder Zellen angeglichen werden kann.

Eingabe Ergebnis 
{| class="wikitable"
|- style="vertical-align:top;"
| style="height:100px; width:100px; text-align:left;" | A
| style="height:100px; width:100px; text-align:center;" | B
| style="height:100px; width:100px; text-align:right;" | C
|- style="vertical-align:middle;"
| style="height:100px; width:100px; text-align:left;" | D
| style="height:100px; width:100px; text-align:center;" | E
| style="height:100px; width:100px; text-align:right;" | F
|- style="vertical-align:bottom;"
| style="height:100px; width:100px; text-align:left;" | G
| style="height:100px; width:100px; text-align:center;" | H
| style="height:100px; width:100px; text-align:right;" | I
|}
A B C
D E F
G H I


Einschränkungen

Negative Zahlen

Wenn man eine Zelle in einer neuen Zeile mit einer negativen Zahl mit einem Minuszeichen beginnt (oder einem Parameter, der als negative Zahl ausgewertet wird), kann es sein, dass die Tabelle zerstört wird, weil die Zeichenfolge |- als Wiki-Markup für eine Tabellenzeile geparst wird, nicht für eine Tabellenzelle. Um dies zu vermeiden, kann ein Leerzeichen vor dem Wert eingefügt werden (| -6) oder Zellen-Markup innerhalb der Zeile (|| -6) verwendet werden.

CSS oder Attribute

Tabellenränder, die durch CSS statt durch das border-Attribut definiert wurden, werden in einer handvoll textbasierter Browser falsch dargestellt.

Gemeinsame Attribute für Spalten, Spaltengruppen und Zeilengruppen

Die MediaWiki-Syntax für Tabellen bietet derzeit keine Unterstützung für die Angabe gemeinsamer Attribute für Spalten (mit dem HTML-Element ‎<col />), Spaltengruppen (HTML-Element-‎<colgroup>‎</colgroup>) und Zeilengruppen (HTML -Elemente $head, ‎<tbody>‎</tbody> und ‎<tfoot>‎</tfoot>). Diese Standard-HTML-Elemente werden nicht einmal in ihrer HTML- oder XHTML-Syntax akzeptiert.

Alle Zeilen und Zellen (Header oder Daten) der Tabelle werden in einer einzigen impliziten Zeilengruppe (HTML Element ‎<tbody>‎</tbody>) ohne Attribute oder Stile dargestellt.

Tabellen und der visuelle Editor (VE)

Siehe auch: Hilfe:VisualEditor/Handbuch

Siehe Phab: T108245: "Fully support basic table editing in the visual editor". Siehe die Liste der Aufgaben. Abgeschlossene Aufgaben sind gestrichen. Es kann schwierig sein, aus der dortigen Fachsprache herauszufinden, was genau verbessert wurde oder welche Funktionen hinzugefügt wurden. Bitte fügen Sie unten erklärende Informationen hinzu.

Spalten und Zeilen können jetzt verschoben oder gelöscht werden

Klicke auf eine Spalten- oder Zeilenüberschrift. Dann klicke auf den Pfeil. Klicke im Popupmenü auf „verschieben“ oder „löschen“.

Leere Zeile oder Spalte einfügen

Klicke im selben Popup-Menü auf „einfügen“.

Tabelle von Webseite in Visual Editor kopieren

Es ist möglich, eine Tabelle von einer Webseite direkt in den Visual Editor (VE) zu kopieren und einzufügen. Um dies sicher zu tun, verwende eine Sandbox und überprüfe die Tabelle, ob sie im Wikitext-Quellmodus richtig kodiert und im Visual Editor und im Vorschau-Modus korrekt angezeigt wird.

Nützliche Tools

  • Excel2Wiki ermöglicht, ein Tabellenblatt aus Excel, Apache OpenOffice, LibreOffice oder Gnumeric zu kopieren, um es in eine Wikicode-Tabelle umzuwandeln.

Siehe auch

Anmerkungen

  1. ↑ Tabellen können in Media Wiki-Seiten entweder direkt mit HTML-Elementen geschrieben werden oder mit dem Wikicode. HTML Tabellenelemente und ihr Gebrauch werden auf verschiedenen Webseiten beschrieben und deshalb hier nicht besprochen. Der Vorteil von Wikicode ist, dass die Tabelle aus Zeichen aufgebaut wird, die es im Vergleich zu HTML Tabellenelementen vereinfachen, im Editor die Tabellenstruktur zu erkennen.
  2. ↑ HTML table cellpadding Attribute
Retrieved from "https://www.mediawiki.org/w/index.php?title=Help:Tables/de&oldid=6856284"