Hilfe:Tipps: Unterschied zwischen den Versionen
→Einfache Tabellen: +
(→Einfache Tabellen: +) |
|||
| Zeile 148: | Zeile 148: | ||
=== Einfache Tabellen === | === Einfache Tabellen === | ||
Einfache transparente Tabellen lassen sich wie in folgenden Beispielen erstellen. In der MediaWiki-Syntax beginnt jede Tabelle mit einer geschweiften Klammer <code>'''{'''</code> gefolgt von einem senkrechten Strich (Pipe-Zeichen) <code>'''<nowiki>|</nowiki>'''</code> und endet mit einem Strich <code>'''<nowiki>|</nowiki>'''</code> gefolgt von einer geschweiften Klammer <code>'''}'''</code>. | |||
'''Quelltext:''' | |||
<div style="float:left; margin-right:2em;"> | |||
Zwei Zeilen | |||
<pre style="white-space: pre nowrap"> | |||
{| | |||
|- | |||
| Zelle 1 | |||
|- | |||
| Zelle 2 | |||
|} | |||
</pre> | |||
</div> | |||
<div style="float:left; margin-right:2em;"> | |||
Zwei Spalten | |||
<pre style="white-space: pre nowrap"> | |||
{| | |||
|- | |||
| Zelle 1 | |||
| Zelle 2 | |||
|} | |||
</pre> | |||
</div> | |||
<div style="float:left; margin-right:2em;"> | |||
Zwei Spalten alternativ | |||
<pre style="white-space: pre nowrap"> | |||
{| | |||
|- | |||
| Zelle 1 || Zelle 2 | |||
|} | |||
</pre> | |||
</div> | |||
<div style="float:left;"> | |||
Zwei Zeilen und zwei Spalten | |||
<pre style="white-space: pre nowrap"> | |||
{| | |||
|- | |||
| Zelle 1/1 | |||
| Zelle 2/1 | |||
|- | |||
| Zelle 1/2 | |||
| Zelle 2/2 | |||
|} | |||
</pre> | |||
</div> | |||
<div style="clear:left;"></div> | |||
<div style="float:left; margin-right:2em;"> | |||
Zwei Spalten mit Spaltenüberschrift | |||
<pre style="white-space: pre nowrap"> | |||
{| | |||
! Überschrift 1 !! Überschrift 2 | |||
|- | |||
| Zelle 1 || Zelle 2 | |||
|} | |||
</pre> | |||
</div> | |||
<div style="float:left;> | |||
Zwei Spalten mit Spaltenüberschrift und Tabellenüberschrift | |||
<pre style="white-space: pre nowrap"> | |||
{| | |||
|+Tabellenüberschrift | |||
|- | |||
| Zelle 1 | |||
|- | |||
| Zelle 2 | |||
|} | |||
</pre> | |||
</div> | |||
<br style="clear:left"> | |||
Mit <code>class="prettytable sortable"</code> ist eine sortierbare Tabelle möglich. Mit <code>align="left"</code> (Standard), <code>align="center"</code> oder <code>align="right"</code> kann der Text in der Tabellenzelle positioniert werden. | Mit <code>class="prettytable sortable"</code> ist eine sortierbare Tabelle möglich. Mit <code>align="left"</code> (Standard), <code>align="center"</code> oder <code>align="right"</code> kann der Text in der Tabellenzelle positioniert werden. | ||