Hilfe:Tabellen
{{#ifeq:12|12|{{#invoke:PageTree|subpages|Hilfe:!|subpager=Subpage}}}}
Diese Seite beschreibt die Verwendung von Tabellen in Wikipedia-Seiten und richtet sich speziell an Newcomer. Solltest du Probleme beim Erstellen einer Tabelle haben, wird dir auf Wikipedia:Fragen zur Wikipedia von den Mitautoren gerne und in der Regel auch schnell geholfen.
Ein Stichwortverzeichnis listet alle maßgeblichen Begriffe der zugehörigen Hilfeseiten.
Einführung
Vorteil von Tabellen
Tabellen sind eine spezielle, strukturierte Form von Datenlisten. Im Gegensatz zu normalen Listen ermöglichen sie eine differenziertere, mehrdimensionale und übersichtlichere Darstellung mit vielen Informationen pro Eintrag und, falls gewünscht, auch eine Sortierbarkeit der einzelnen Spalten. Hierbei kann der Leser Daten numerisch nach Größe sortieren lassen, Begriffe können alphabetisch oder beides nach Rangordnung sortiert werden. Dadurch kann auch Mehrfachdarstellung (Redundanz) vermieden werden (z. B. Päpste alphabetisch, nach Alter, nach Amtszeit, nach Land). Alles Wissen kann übersichtlich in einer Tabelle verknüpft werden, wodurch sie in der Wikipedia einen Schritt in Richtung Semantisches Web mit semantischen Netzen bilden können; Wissen wird zunehmend auch maschinenlesbar und Informationen können automatisch miteinander verknüpft werden.
Tabellen sollte man jedoch aufgrund ihres relativ komplizierten Quelltextes und mit Rücksicht auf die Darstellung auf mobilen Geräten nur dann einsetzen, wenn die Informationsdarstellung dadurch wirksam übersichtlicher wird. Der Einsatz als rein grafisches Gestaltungsmittel ist nicht erwünscht; man sollte deshalb immer überlegen, ob die Informationen nicht besser in einer einfachen Liste unterzubringen sind (siehe Hilfe:Textgestaltung und Hilfe:Listen).
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Tabellen im Schreibmaschinenstil ohne Formatierungen
{{#invoke:Vorlage:Siehe auch|f}} Die einfachste und schnellste Art, eine Tabelle zu erstellen, ist der Schreibmaschinenstil. Dazu wird jeder Tabellenzeile ein Leerzeichen vorangestellt. Spalten und Layout werden optisch im Quelltextbearbeitungsmodus angepasst. Dabei sollte bedacht werden, dass diese Formatierung die Breite der Druckversion nicht überschreiten soll (ca. 780 px bei Normalschriftgröße) und auf kleineren Bildschirmen ärgerlich sein kann. Die Zeilen verhalten sich anders als eine richtige Tabelle, da sie bei Überschreitung der Fensterbreite unkontrolliert umbrechen und so unübersichtlich werden können. Die in diesem Beispiel gezeigte Tabelle wäre schon zu breit, wenn man das Browser-Fenster schmaler setzt. Auch in der mobilen Ansicht könnte sie zu breit sein und unleserlich werden.
Derartige Tabellen werden geduldet, wenn sie von jemand eingefügt werden, der keine besseren Formatierungsmöglichkeiten beherrscht; sie sollten aber im Lauf der Zeit von erfahrenen Wikipedianern in richtige Tabellen umgewandelt werden.
Beispiel und Ergebnis:
Klimatabelle
Monat JAN FEB MÄR APR MAI JUN JUL AUG SEP OKT NOV DEZ ------------------------------------------------------------------------- Ø Tagestemperatur in °C 21 21 22 23 24 25 27 29 28 26 24 22 Ø Nachttemperatur in °C 15 15 15 16 17 18 20 21 20 19 18 16 Ø Sonnenstunden pro Tag 6 6 7 8 9 9 9 9 8 7 6 5 Ø Regentage pro Monat 6 4 3 2 2 1 0 0 2 5 6 7 Ø Wassertemperatur in °C 19 18 18 18 19 20 21 22 23 23 21 20
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Technische Grundlagen
In der MediaWiki-Syntax beginnt jede Tabelle mit einer geschweiften Klammer { gefolgt von einem senkrechten Strich | und endet mit einem Strich | gefolgt von einer geschweiften Klammer }.
Um die Zellen einer Tabelle zu formatieren, lassen sich sowohl für die Tabelle als Ganzes als auch für einzelne Zellen HTML-Attribute angeben. Insbesondere kann das style-Attribut verwendet werden, wodurch sich beliebige CSS-Formatierungen realisieren lassen. Einzelne Zeilen einer Tabelle lassen sich ebenfalls formatieren, einzelne Spalten jedoch nicht, dies muss zellenweise geschehen.
{{#if: Hilfe:Tabellen/Wikisyntax#Elemente|{{#ifexist:Hilfe:Tabellen/Wikisyntax#Elemente|
|{{#if: |{{#ifexist:{{{2}}}|
|{{#if: |{{#ifexist:{{{3}}}|
|}}|}}|}}|}}|}}|Einbindungsfehler: Die Vorlage Hauptartikel benötigt immer mindestens ein Argument.}}
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Einfache Tabellen
Ohne jegliche Zuweisung (Klassen, Styles oder Tabellenattribute) ist eine Tabelle zunächst transparent, lediglich die Formatierung unter- oder nebeneinander liegender Inhalte wird umgesetzt.
Quelltext:
Zeilen <syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
| Zelle 1 |
| Zelle 2 |
| Zelle 3 |
</syntaxhighlight>
Spalten <syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
| Zelle 1 | Zelle 2 | Zelle 3 |
</syntaxhighlight>
Zeilen und Spalten <syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
| Zelle 1/1 | Zelle 2/1 |
| Zelle 1/2 | Zelle 2/2 |
</syntaxhighlight>
Spalten alternativ <syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
| Zelle 1 | Zelle 2 | Zelle 3 |
</syntaxhighlight>
Vorlage:CodexIcon VisualEditor
- Über Vorlage:Hilfe/mark das Menü „Tabelleneigenschaften“ öffnen.
- Dort „⧼visualeditor-dialog-table-wikitable⧽“ → Vorlage:Hilfe/switchbutton ausgeschaltet.
Tabellenüberschrift
Es ist möglich, eine Gesamt-Überschrift über der Tabelle anzugeben.
- Die Beschriftung wird zentriert dargestellt (bei
wikitableauch fett). - Sie wird umbrochen, wenn sie breiter als die Tabelle mit automatischem Zeilenumbruch ist. Zu lange Wörter ragen eventuell sogar über eine schmale Tabelle hinaus
- Der Überschrift können eigene Attribute (Klassen- oder Stylezuweisungen) mitgegeben werden.
- Sie dient der Barrierefreiheit. Anders als nur optisch hervorgehobene Elemente wird sie beim Vorlesen der Tabelle zugeordnet, und es kann dann entschieden werden, ob diese Tabelle übersprungen werden oder vorgelesen werden soll.
- Im Layout der Gesamtseite werden Tabellenüberschriften (anders als Abschnittsüberschriften) bei Platzproblemen nicht von der nachfolgenden Tabelle getrennt.
Quelltext: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap"> |+ Tabellenüberschrift </syntaxhighlight>
Vorlage:CodexIcon VisualEditor
- Über Vorlage:Hilfe/mark das Menü „Tabelleneigenschaften“ öffnen.
- Dort „⧼visualeditor-dialog-table-caption⧽“ → Vorlage:Hilfe/switchbutton eingeschaltet.
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Kopfzellen und Kopfzeilen
Für eine Kopfzelle wird der senkrechte Strich durch ein Ausrufezeichen ! ersetzt. Text in einer solchen Zeile wird zentriert und fett dargestellt.
Als erste Zeile einer Datentabelle ist eine Kopfzeile aus Kopfzellen üblich.
Kopfzellen unterscheiden sich nicht nur optisch; sie werden auch von Software als Überschriften für die Spalte (bzw. auch Zeile) erkannt und ausgewertet.
Quelltext: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap"> |- ! Name !! Regierungszeit !! Abstammung </syntaxhighlight> Beispiele
Vorlage:CodexIcon – nicht verfügbar, die Zelleninhalte können bearbeitet, ihre Eigenschaften jedoch nicht visuell geändert werden.
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Linkziele oder Anker in Tabellen
Anker (Sprungziele) sollten in Tabellen, soweit möglich, direkt über Angabe von id="…" eingetragen werden.
Folgender Quelltext ist optimal:
<syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
|- id="meinSprungziel"
| Inhalt || Inhalt || Inhalt
</syntaxhighlight>
Damit wird die gesamte Tabellenzeile als Ziel angesprochen und zusammen mit der oberen Rahmenlinie im Browser dargestellt. id="…" definiert in beliebigen Elementen ein Fragment. Es ist nicht möglich, mehrere ID hinter einem Trenner zu platzieren; wenn nötig, kann man aber jeder Tabellenzelle eine weitere ID zuordnen.
Weniger günstig wäre es, ein Linkziel mit der Vorlage:Anker zu definieren, indem Textinhalt markiert wird. Dann wird auch exakt bis auf diese Buchstaben positioniert. Ist diese Textzeile nicht oben bündig ausgerichtet, kann es leicht sein, dass von ihren Nachbarzellen die oberen Zeilen nicht im Sichtbereich erscheinen, weil dieser am tiefer liegenden Anker ausgerichtet wurde. In jedem Fall müsste die Rahmenlinie außerhalb des sichtbaren Bereichs liegen und den Lesern fällt die Orientierung schwerer.
Hier ein Beispiel, wo diese Sprungziele innerhalb einer Tabelle stehen könnten;
springe zu #ganz_oben, #Ü-id, #K-id, #Sprungziel1, #Sprungziel2, #Sprungziel3:
| Kopfzelle (K-id) | ||
|---|---|---|
| Zeile 1 | Sprungziel 1 (mit ID in Zeile) |
Inhalt mit Umbruch |
| Zeile 2 | Sprungziel 2 (mit ID in Zelle) |
Inhalt mit Umbruch |
| Zeile 3 | f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Sprungziel 3 (mit Anker- Vorlage in Zelle) |
Inhalt mit Umbruch, man landet mittendrin (abhängig von Zellenhöhe) "Sprungziel3" |
Quelltext dieser Tabelle: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
| Kopfzelle (K-id) | ||
|---|---|---|
| Zeile 1 | Sprungziel 1 (mit ID in Zeile) |
Inhalt mit Umbruch |
| Zeile 2 | Sprungziel 2 (mit ID in Zelle) |
Inhalt mit Umbruch |
| Zeile 3 | f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Sprungziel 3 (mit Anker- Vorlage in Zelle) |
Inhalt mit Umbruch, man landet mittendrin (abhängig von Zellenhöhe) "Sprungziel3" |
</syntaxhighlight>
Zu beachten ist, dass innerhalb einer ID kein Leerzeichen vorkommen darf, stattdessen ist der Unterstrich zu benutzen (die Vorlage führt diese Ersetzung automatisch durch). In Wikisyntax kann das Sprungziel trotzdem mit Leerzeichen angegeben werden: #ganz oben (Quelltext: [[#ganz oben]]).
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} CSS-Klassen für Tabellen
{{#invoke:Vorlage:Siehe auch|f}} Um Tabellen sowohl in ihren Inhalten als auch bereits im Kopfbereich weitgehend frei von Elementen zu halten, die die Darstellungsweise betreffen, wurden für CSS einige Klassen entwickelt, die es erlauben, wichtige Stile mit wenigen anschaulichen Anweisungen festzulegen. Die einfache Tabelle ohne solche Zuweisungen ist rahmenlos und hat einen transparenten Hintergrund.
Mehrere Namen von Klassen können in einer durch Leerzeichen voneinander getrennten Aufzählung im Attribut class= genannt werden. Klassen können einer ganzen Tabelle oder einer ganzen Zeile oder einer einzelnen Zelle zugewiesen werden, um eine bestimmte Gestaltung oder Eigenschaft zu bewirken.
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} wikitable
Die Klasse wikitable liefert die wesentliche Basis-Dekoration für Datentabellen in Texten und sollte dort einheitlich deklariert werden.
{{#if: Hilfe:Tabellen/wikitable|{{#ifexist:Hilfe:Tabellen/wikitable|
|{{#if: |{{#ifexist:{{{2}}}|
|{{#if: |{{#ifexist:{{{3}}}|
|}}|}}|}}|}}|}}|Einbindungsfehler: Die Vorlage Hauptartikel benötigt immer mindestens ein Argument.}}
Quelltext: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
</syntaxhighlight>- Die Tabellenüberschrift ist zentriert und in Fettschrift formatiert
- Die Tabelle erhält einen Rahmen um jede einzelne Zelle
- Die Inhaltszellen sind hellgrau hinterlegt (entsprechend
"hintergrundfarbe1") - Die Kopfzellen sind zentriert, in Fettschrift formatiert und mittelgrau hinterlegt (entsprechend
"hintergrundfarbe5") - Alle Zelleninhalte haben einen Mindestabstand zum umgebenden Rahmen
- Die komplette Tabelle hat einen definierten Abstand nach oben und unten
- Für die Hintergrundfarbe der Kopfzeile ist nur eine Wiki-CSS-Klasse möglich, beispielsweise
class="hintergrundfarbe2"
- Über Vorlage:Hilfe/mark das Menü „Tabelleneigenschaften“ öffnen.
- Dort „⧼visualeditor-dialog-table-wikitable⧽“ → Vorlage:Hilfe/switchbutton eingeschaltet.
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Ausrichtung der Tabelle
Vorlage:Hilfe/mobil Für Mobilgeräte steht diese Funktionalität (Stand Mai 2020) nicht zur Verfügung. Einzig class="wikitable center" hat eine Auswirkung.
Vorlage:CodexIcon – nicht veränderbar
Normalerweise werden Tabellen in Artikeln linksbündig ohne Textumfluss dargestellt.
{{#if: Hilfe:Textgestaltung/Layoutfluss|{{#ifexist:Hilfe:Textgestaltung/Layoutfluss||{{#if: Hilfe:CSS #Layout, Textfluss und zurücksetzen|{{#ifexist:Hilfe:CSS #Layout, Textfluss und zurücksetzen|Ausrichtung mit Textumfluss
Um Tabellen mit Textumfluss darzustellen, können CSS-Klassen oder Style-Zuweisungen genutzt werden:
- Die CSS-Klasse stellt die Tabelle immer an den entsprechenden Rand der Seite und hat einen automatischen Abstand von
1emnach oben, unten und der dem Rand gegenüberliegenden Seite. - Die style-Zuweisung kann hingegen genutzt werden, um Tabellen nebeneinander zu positionieren, siehe Dynamisches Layout
- Bei der unmittelbaren style-Zuweisung entsteht kein Abstand.
Syntax: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
- Beides stellt eine Tabelle linksbündig mit Textumfluss dar, der Fließtext steht rechts neben der Tabelle.
- Beides stellt eine Tabelle rechtsbündig mit Textumfluss dar, der Fließtext steht links neben der Tabelle.
float aufgehoben werden.
- Dafür gibt es eine entsprechende Anweisung zum Zurücksetzen
- beispielsweise
<div style="clear: both;"></div>
Ausrichtung zentriert
Für die einfache Zentrierung einer Tabelle stehen zwei CSS-Klassen zur Verfügung:
Syntax: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
- Stellt eine Tabelle mit zentrierten Zelleninhalten im gesamten verfügbaren Bereich dar.
- Stellt eine Tabelle horizontal in die Mitte des verfügbaren Bereichs, die Zelleninhalte bleiben linksbündig.
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Verbundene Tabellenzellen
Zellen verbinden: Eine Zelle kann die rechts oder unten angrenzenden Zellen überspannen, dafür gibt es zwei unterschiedliche Anweisungen:
colspan{{#invoke:Vorlage:lang|full|CODE=en|SCRIPTING=Latn|SERVICE=englisch}}rowspan{{#invoke:Vorlage:lang|full|CODE=en|SCRIPTING=Latn|SERVICE=englisch}}
Die Syntax kann sowohl für Kopfzellen als auch für Inhaltszellen eingesetzt werden.
Vorlage:CodexIcon Mehrere Zellen markieren, verbinden, teilen – Der visuelle Editor bietet eine einfache Möglichkeit Zellen zu verbinden oder verbundene Zellen zu wieder trennen.
{{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Nebeneinander – colspan
Syntax: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap">
| Zwischenüberschrift | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Zelle 1/1 bis Zelle 2/1 | Zelle 3/1 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Zelle 1/2 | Zelle 2/2 bis Zelle 3/2
</syntaxhighlight> Der Wert für das {{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Übereinander – rowspanSyntax: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap"> | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Kopfzelle | Kopfzelle oben | Kopfzelle | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Kopfzelle unten | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Zelle 1/1 | Zelle 2/1 bis Zelle 2/2 | Zelle 3/1 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Zelle 1/2 | bis Zelle 3/2
</syntaxhighlight> Der Wert für das Über- und NebeneinanderKombinationen können bei der Quelltextbearbeitung recht unübersichtlich sein, hier kann die visuelle Bearbeitung vorteilhafter sein, weil man sich nicht um die Syntax kümmern muss. Syntax: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap"> | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Inhalt verbundener Zellen
</syntaxhighlight> {{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Optische DekorationZur Gestaltung der Tabellenrahmen und Zellenränder siehe Rahmen und Zellenränder Die Inhalte von Tabellen können innerhalb der Zellen vertikal und horizontal ausgerichtet werden. Zudem lässt sich die Breite der Spalten oder Höhe der Zeilen einstellen.
Dies kann sich bei unterschiedlicher Bildschirmbreite, auf unterschiedlichen Endgeräten, bei individuell voreingestellten Schriftarten oder Bildgrößen oder bei unterschiedlichen Browsern auf das Layout der Tabelle auswirken. SpaltenbreiteVorlage:CodexIcon – nicht veränderbar Die Spaltenbreite kann als Angabe in Grundsätzlich ist es besser, wenn die Browser der Leser nach den momentanen Gegebenheiten (Bildschirmplatz, Schriftart) dynamisch die Spaltenbreiten verteilen. Sie machen das in der Regel sinnvoller als die Autoren der Artikel. Die meisten im Bestand vorgegebenen expliziten Spaltenbreiten sind völlig überflüssig. Nur wenn mehrere Tabellen gleicher Art in der Seite vorkommen und diese gleiches Aussehen haben sollen, ist eine Festlegung regelmäßig sinnvoll; oder wenn Spalten mit gleichartigem Inhalt gleichmäßig aussehen sollen. Für die breiteste Spalte sollte kein Wert explizit vorgegeben werden, sondern die Browser sollten deren Breite selbst errechnen. Überbestimmte Vorgaben für alle Spalten können durch Rundungsfehler zu Darstellungsfehlern führen; etwa wenn Prozentsätze addiert werden, deren Summe scheinbar 100 % ergibt. Bei der Darstellung wird jedoch mit physischen Einheiten gerechnet, die nicht exakt auf einzelne Prozentpunkte abgebildet sind. Auch für die komplette Tabelle lässt sich ein Wert vorgeben. Für eher schmale Tabellen mit nur wenigen Spalten sollte daher eine Tabelle nicht auf einen Wert Breite in
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Spalte mit 20 % der Gesamtbreite der Tabelle
</syntaxhighlight> Breite in
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Spalte mit fester Breite von 20em
</syntaxhighlight> Gleichbreite Spalten (Tabellen untereinander)Bei mehreren, dicht untereinander stehenden Tabellen mit ähnlichen Inhalten und Überschriften kann es vorteilhaft sein, die Breite für die Spalten einheitlich festzulegen. Das funktioniert nur, wenn die Inhalte die Werte für die Breiten nicht überschreiten. {{#invoke:Vorlage:Anker|f |errCat=Wikipedia:Vorlagenfehler/Vorlage:Anker |errHide=1}} Horizontale TextausrichtungVorlage:CodexIcon – nicht veränderbar Um den Text in allen Inhaltszellen einer Tabelle horizontal auszurichten, kann die CSS-Anweisung am Tabellenbeginn gesetzt werden, zum Beispiel: <syntaxhighlight lang="wikitext" style="white-space: pre nowrap"> </syntaxhighlight> Nebencenter für „zentriert“ gibt es auch left (Vorgabe; linksbündig) und right (rechtsbündig).
Die gleiche Zuweisung kann sinngemäß auch für eine Zeile oder für jede einzelne Zelle gesetzt werden.
Vertikale TextausrichtungUm den Text in einer Zelle vertikal auszurichten, gibt es
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||