Tables

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.

Einfache TabellenSimple tables

Rahmen Eingabe Ergebnis

Input	Result	Kommentar dazu
File:HilfeTabelle1.jpg	Zelle 1 Zelle 2 Zelle 3 Zelle 4	Hier sehen Sie die Syntax für eine einfache Tabelle.
File:HilfeTabelle2.jpg	Zelle 1 Zelle 2 Zelle 3 Zelle 4 Zelle 5 Zelle 6	Zum Platzsparen ist es möglich, mehrere Tabellenzellen in einer Quelltextzeile unterzubringen; in diesem Fall muss man die Zellen mit || trennen. Eine Tabelle mit drei Zeilen stellt sich also folgendermaßen dar.
Wieder was gelernt: Der Beginn einer neuen Zeile wird deutlich gemacht, indem man hinter dem senkrechten Strich einen waagerechten - setzt. Dies lässt sich beliebig oft wiederholen.
Um schnell eine einfache Tabelle zu erstellen, reicht es bei BlueSpice Wiki, in der Editieransicht auf den Button "Insert a Table" File:Button insert table.jpg zu klicken.

Komplexere Tabellen

Einen Artikel darüber finden Sie hier: Tabellen für Fortgeschrittene

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.

More complex tables

A Wikipedia article about this can be found here: [1]

Borders

Eingabe Ergebnis Die Umrandung wird in der ersten Zeile der Tabelle (direkt hinter dem {|) festgelegt. Die Rahmenstärke wird in Pixel angegeben

Input	Result	Kommentar dazu
File:HilfeTabelle3.jpg	Zelle 1 Zelle 2 Zelle 3 Zelle 4
Comment
{| border="1" | Cell 1 | Cell 2 |- | Cell 3 | Cell 4 |}	Cell 1 Cell 2 Cell 3 Cell 4	The border must be set in the first line of the table (directly after the {|). The frame thickness is specified in pixels: border = "x"
Hinweis: Die klassischen Tabellenränder wirken oft etwas altbacken. Deshalb gibt es für das Tabellen-Layout Style-Vorlagen.

Titelzeilen

Note: The classic table borders may look a little old-fashioned. Therefore there you can use layout templates for your tables.

Title rows

Eingabe Ergebnis Vorname

Input	Result	Kommentar dazu
File:HilfeTabelle4.jpg	Name
Comment
{| |- ! Last Name ! First Name |- | Karstadt | Liesl |- | Valentin | Karl |}	Last Name First Name Karstadt Liesl Valentin Karl	Titelzeilen werden mit ! statt | eingeleitet.
Hinweis: {{Tabelle1}} ist eine Style-Vorlage ;-)

Zellen verbinden: Rowspanning und Colspanning

Title rows are specified with ! instead of |.

Combining cells: rowspanning and rolspanning

Eingabe Ergebnis File:HilfeTabelle5.jpg

Input	Result	Kommentar dazu
Comment
{| |- ! A ! B ! C |- | Cell 1 | colspan="2" align="center"|Cell 2 |- | Cell 3 | Cell 4 | Cell 5 |}	A B C Zelle Cell 1 Zelle Cell 2 Zelle Cell 3 Zelle Cell 4 Zelle 5 Eine Tabelle mit einer Zelle, die über zwei Spalten geht. Der Befehl ( Cell 5	This is a table containing a cell which spans tow columns. The command 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 is entered before the corresponding cell and separated by |. The following command (align="center") is there to center the cell content and is used only to better demonstrate the effect.
{| |- ! A ! B |- | rowspan="2" align="center"|Cell 1 | Cell 2 |- | Cell 4 |}	A B Zelle Cell 1 Zelle Cell 2 Zelle 4 Eine Tabelle mit einer Zelle, die über zwei Zeilen geht Cell 4	A Table containing a cell which spans two rows (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

Note: Empty cells won't get a border automatically. In some browsers you can force a border with a nonbreaking space   inside these cells.

Nested tables

Eingabe Ergebnis

Input	Result	Kommentar dazu
File:HilfeTabelle7.jpg	Zelle 1 Zelle A Zelle B Zelle 3	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

Comment
{| border="1" |- | Cell 1 | {| border="1" | Cell A |- | Cell B |} | Cell 3 |}	Cell 1 Cell A Cell B Cell 3	A table inside another table. To nest tables simply use an additional opening {| where you want the inner table to be. But make sure there is no pipe symbol at the beginning of that line.

Caption

Eingabe Ergebnis

Input	Result	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

Comment
{| |+ This is a nice table |- | Table | nice |- | Nice | table |}	This is a nice table Table nice Nice table	It is possible to add a centered caption above the table with |+ my caption at the beginning.

Lists

Eingabe Ergebnis

Input	Result	Kommentar dazu
File:HilfeTabelle9.jpg	Aufzählung richtig Aufzählung falsch erster Eintrag zweiter Eintrag * erster Eintrag zweiter 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

Comment
{| |- | Right listing | Wrong listing |- | * first entry * second entry | * first entry * second entry |}	Right listing Wrong listing first entry second entry * first entry second entry	The list entries have to start in a new line. Otherwise an asterix will be rendered instead of a bullet symbol.

Sortable tables

Spalte Eingabe Ergebnis

Spalte 1	Spalte 2
Input	Result	Kommentar dazu
File:HilfeTabelle10.jpg
Comment
{| class="sortable" |- ! Col 1 ! Col 2 ! Col 3 |- | 12346 | € 234,44 | SuSe |- | 98765 | € 77,55 | IBM |}	Col 1 Col 2 Col 3 12346 € 234,44 SuSe 98765 € 77,55 IBM	Tabellen können auch nach ihren Werten pro Spalte sortiert werden. Dazu muss With 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

you can make a table sortable by the items of its columns. Just click on the little arrows next to the title cells!

Limitations: To properly sort numbers by their numeric values, they must not contain a thousand separator or units (except the currency symbols $ and €) or other labels. An indication of the units used should therefore be given in the header. For complex tables (i.e., those with non-uniform rows and columns), sorting is not possible.

Column widths

Eingabe Ergebnis File:HilfeTabelle11.jpg

Input	Result	Kommentar dazu
Comment
{| |- ! width="10%"|10 % ! width="20%"|20 % ! width="40%"|40 % |- valign="top" |A |B |C |}	10 % 20 % 40 % A B C	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 Column widths can be specified relative and absolute, with absolute values in pixels only being used when embedding graphics. The width specification is necessary and useful only for one cell of the column.
{| |- ! width="50"|50 ! width="100"|100 ! width="200"|200 |- |A |B |C |}	50 100 200 A B C

Zellenabstände mit cellspacing und Cell spacing with cellspacing and cellpadding

Eingabe Ergebnis 350px 350px

Input	Result	Kommentar dazu
Comment
{| cellspacing="9" cellpadding="0" border="1" |- | Alpha | Beta | Gamma |- | Delta | Epsilon | Zeta |}	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.	With cellspacing the distance between the cells can be determined. The larger the cellspacing value, the wider the bridge between the cells. With cellpadding one determines the distance of the cell contents from the cell frame.
{| cellspacing="0" cellpadding="9" border="1" |- | Alpha | Beta | Gamma |- | Delta | Epsilon | Zeta |}	Alpha Beta Gamma Delta Epsilon Zeta

AusrichtungAlignment

Oben Eingabe Ergebnis

	Links	Zentriert	Rechts
Input	Result	Kommentar dazu
File:HilfeTabelle15.jpg
Comment
{| cellspacing="0" border="1" |- ! width="25%"| ! width="25%" align="left"|left ! width="25%" align="center"|centered ! width="25%" align="right"|right |- valign="top" ! height="38"|top | align="left"|xx | align="center"|xxx | align="right"|xx |- valign="middle" ! height="38"|middle | align="left"|x | align="center"|x | align="right"|x |- valign="bottom" ! height="38"|bottom | align="left"|x | align="center"|x | align="right"|x |}	left centered right top xx xxx xx Mitte middle x x x Unten bottom 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

Just as in HTML, you can align the contents of cells in the table differently. You can assign the attributes to individual cells or entire lines. The valign applies to the entire line, the align only to the respective cell.

Style templates

Eingabe Ergebnis 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

Input	Result	Kommentar dazu
File:HilfeTabelle16.jpg	Text linke Spalte Text rechte Spalte
Comment
{| {{table1}} |- | text in left column | text in right column |}	text in left column text in right column	Some users have created templates to simplify formatting. Instead of having to remember the table parameters, a style template can be used. This must be inserted after the {|. The usage allows a consistent table layout, easier error handling, and easy layout customization for all tables.