Here we describe the editing of tables in the wiki code. For fast editing of tables, the WYSIWYG editor is recommended. Nevertheless, in some cases, the classic editing with wiki tags may be necessary.
Functionality
Tables are a very important tool for designing wiki pages. Besides from displaying content in a structured way, tables occasionally are used to design whole pages. The basic structure of the main page or the topic portal page for example are based on a table. However, tables should only be used very carefully to structure entire pages. The source code quickly becomes confusing for outsiders and for the reading devices of the visually impaired, they represent a barrier. Therefore, Wikipedia advises their users quite fundamentally from using tables as a graphical element for entire pages.
MediaWiki has its own syntax for displaying tables. This syntax is similar to common HTML but much simpler.
Nevertheless, the editing of tables remains complex. The use of editors produces HTML code that is a barrier to editing by others.
Simple tables
Input
|
Result
|
Comment
|
{|
| Cell 1
| Cell 2
|-
| Cell 3
| Cell 4
|}
|
Cell 1
|
Cell 2
|
Cell 3
|
Cell 4
|
|
This is the syntax for a simple table.
|
{|
|-
||Cell 1 ||Cell 2
|-
||Cell 3 ||Cell 4
|-
||Cell 5 ||Cell 6
|}
|
Cell 1
|
Cell 2
|
Cell 3
|
Cell 4
|
Cell 5
|
Cell 6
|
|
To save space it is possible to write several cells in one line of code. In this case the cells have to be separated by ||. A table with tree rows can be created like this.
|
Notice: To begin a new row put a hyphen ("-") after the leading pipe symbol ("|"). Repeat as often as needed.
|
To create a simple table quickly in BlueSpice Wiki, use the Button "Insert a Table" in any editor view.
|
Komplexere Tabellen
Einen Artikel darüber finden Sie hier: Tabellen für Fortgeschrittene
Rahmen
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle3.jpg
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
|
Die Umrandung wird in der ersten Zeile der Tabelle (direkt hinter dem {|) festgelegt. Die Rahmenstärke wird in Pixel angegeben: border="x"
|
Hinweis: Die klassischen Tabellenränder wirken oft etwas altbacken. Deshalb gibt es für das Tabellen-Layout Style-Vorlagen.
|
Titelzeilen
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle4.jpg
|
Name
|
Vorname
|
Karstadt
|
Liesl
|
Valentin
|
Karl
|
|
Titelzeilen werden mit ! statt | eingeleitet.
|
Hinweis: {{Tabelle1}} ist eine Style-Vorlage
|
Zellen verbinden: Rowspanning und Colspanning
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle5.jpg
|
A
|
B
|
C
|
Zelle 1
|
Zelle 2
|
Zelle 3
|
Zelle 4
|
Zelle 5
|
|
Eine Tabelle mit einer Zelle, die über zwei Spalten geht. Der Befehl (colspan="2") wird vor die zu formatierende Zelle eingefügt und mit | abgetrennt. Der folgende Befehl ("align") zentriert nur den Inhalt der Zelle, damit wir den Effekt besser sehen.
|
File:HilfeTabelle6.jpg
|
A
|
B
|
Zelle 1
|
Zelle 2
|
Zelle 4
|
|
Eine Tabelle mit einer Zelle, die über zwei Zeilen geht (rowspan="2").
|
Hinweis: Leere Zellen werden in einer Tabelle nicht umrahmt. Um in manchen Browsern trotzdem einen Rahmen zu bekommen, kann man ein geschütztes Leerzeichen setzen.
|
Verschachtelte Tabellen
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle7.jpg
|
|
Eine Tabelle, in der eine weitere Tabelle steckt. Zum Verschachteln muss man an der Stelle, an der man eine weitere Tabelle innerhalb einer anderen Tabelle wünscht, eine neue öffnende Klammer setzen. Wichtig ist nur, dass am Anfang der Textzeile kein senkrechter Strich stehen darf.
|
Beschriftung
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle8.jpg
|
Das ist eine nette Tabelle
Tabelle
|
nett
|
Nette
|
Tabelle
|
|
Es ist möglich, eine zentrierte Beschriftung über der Tabelle anzugeben. Um eine Beschriftung einzubauen reicht es, nach dem senkrechten Strich und vor dem Text ein Plus + zu setzen.
|
Aufzählungszeichen
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle9.jpg
|
Aufzählung richtig
|
Aufzählung falsch
|
- erster Eintrag
- zweiter Eintrag
|
* erster Eintrag
|
|
Will man Aufzählungszeichen in einer Tabelle verwenden, so muss der erste Listeneintrag in einer neuen Zeile beginnen. Andernfalls wird beim ersten Eintrag anstatt eines Aufzählungszeichens ein Sternchen angezeigt.
|
Sortierbare Tabellen
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle10.jpg
|
Spalte 1
|
Spalte 2
|
Spalte 3
|
12346
|
€ 234,44
|
SuSe
|
98765
|
€ 77,55
|
IBM
|
|
Tabellen können auch nach ihren Werten pro Spalte sortiert werden. Dazu muss class="sortable" im Tabellenkopf angegeben werden.
Klicken Sie einmal auf das kleine Kästchen im Spaltenkopf!
|
Einschränkungen:
- Damit Zahlen nach ihren numerischen Werten korrekt sortiert werden, dürfen sie bislang weder ein Tausendertrennzeichen noch Einheiten (außer den Währungszeichen € und $) oder andere Beschriftungen enthalten. Ein Hinweis auf die verwendeten Einheiten sollte daher in der Kopfzeile angegeben werden.
- Bei komplexen Tabellen (d. h. solchen mit ungleichmäßigen Reihen und Spalten) ist eine Sortierung nicht möglich.
|
Spaltenbreiten
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle11.jpg
|
|
Spaltenbreiten können relativ und absolut angegeben werden, wobei absolute Angaben in Pixeln nur beim Einbinden von Grafiken eingesetzt werden sollten. Die Breitenangabe ist nur bei einer Zelle der Spalte notwendig und sinnvoll.
|
File:HilfeTabelle12.jpg
|
|
Zellenabstände mit cellspacing und cellpadding
Eingabe
|
Ergebnis
|
Kommentar dazu
|
350px
|
Alpha
|
Beta
|
Gamma
|
Delta
|
Epsilon
|
Zeta
|
|
Mit cellspacing kann der Abstand zwischen den Zellen festgelegt werden. Je größer der Cellspacing-Wert, desto breiter wird der Steg zwischen den Zellen. Mit cellpadding bestimmt man den Abstand des Zellinhaltes vom Zellrahmen.
|
350px
|
Alpha
|
Beta
|
Gamma
|
Delta
|
Epsilon
|
Zeta
|
|
Ausrichtung
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle15.jpg
|
|
Links
|
Zentriert
|
Rechts
|
Oben
|
xx
|
xxx
|
xx
|
Mitte
|
x
|
x
|
x
|
Unten
|
x
|
x
|
x
|
|
Genau wie in HTML kann man den Inhalt von Zellen in der Tabelle unterschiedlich ausrichten. Dabei kann man die Attribute einzelnen Zellen oder auch ganzen Zeilen zuweisen. Das valign gilt jeweils für die ganze Zeile, das align nur für die jeweilige Zelle.
|
Formatvorlagen
Eingabe
|
Ergebnis
|
Kommentar dazu
|
File:HilfeTabelle16.jpg
|
Text linke Spalte
|
Text rechte Spalte
|
|
Einige Benutzer haben Vorlagen erstellt, um die Formatierung zu vereinfachen. Anstatt sich an die Tabellenparameter erinnern zu müssen, kann eine Formatvorlage verwendet werden. Diese ist nach dem {| einzufügen. Die Verwendung ermöglicht ein konsistentes Tabellenlayout, eine Erleichterung beim Fehlerhandling sowie einfache Anpassung des Layouts bei allen Tabellen.
|