Zum Inhalt springen
Willkommen in der InkluPedia

Hilfe:Tabellen: Unterschied zwischen den Versionen

+
(+kategorie)
(+)
Zeile 83: Zeile 83:
<div style="float:left; margin-right:2em;">
<div style="float:left; margin-right:2em;">
<pre style="white-space: pre nowrap">
<pre style="white-space: pre nowrap">
{|
{| class="wikitable"
  ! colspan="3"| Obst
  ! colspan="3"| Obst
  |-
  |-
Zeile 93: Zeile 93:
<div style="float:left; margin-right:2em;">
<div style="float:left; margin-right:2em;">
<pre style="white-space: pre nowrap">
<pre style="white-space: pre nowrap">
{|
{| class="wikitable"
  ! rowspan="4"| Obst:
  ! rowspan="4"| Obst:
  |-
  |-
Zeile 103: Zeile 103:
|}
|}
</pre>
</pre>
</div>
<div style="clear:left;"></div>
ergibt:
<div style="float:left; margin-right:9.2em;">
{| class="wikitable"
! colspan="3"| Obst
|-
| Apfel || Birne || Zitrone
|}
</div>
<div style="float:left; margin-right:2em;">
{| class="wikitable"
! rowspan="4"| Obst:
|-
| Apfel
|-
| Birne
|-
| Zitrone
|}
</div>
</div>


<div style="clear:left;"></div>
<div style="clear:left;"></div>


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.


<div style="float:left;">
<pre style="white-space: pre nowrap">
{| class="prettytable sortable"
|- align="center"
  ! Obst
  ! Eigenschaft
  ! Menge
|- align="left"
  | Birne
  | Klein
  | 5
|- align="center"
  | Apfel
  | Groß
  | 3
|- align="right"
  | Orange
  | Klein
  | 8
|}
</pre>
</div>
<div style="clear:left;"></div>
ergibt:
{| class="prettytable sortable"  
{| class="prettytable sortable"  
  |- align="center"
  |- align="center"
Zeile 127: Zeile 174:
   | 8
   | 8
|}
|}


Mit <code>class="wikitable sortable"</code> ist eine sortierbare Tabelle inklusive Zellenrahmen möglich:
Mit <code>class="wikitable sortable"</code> ist eine sortierbare Tabelle inklusive Zellenrahmen möglich:


<div style="float:left;">
<pre style="white-space: pre nowrap">
{| class="wikitable sortable"  
{| class="wikitable sortable"  
  |- align="center"
  |- align="center"
Zeile 141: Zeile 191:
   | Groß
   | Groß
|}
|}
</pre>
</div>
<div style="clear:left;"></div>
ergibt:
{| class="wikitable sortable"
|- align="center"
  ! Überschrift 1
  ! Überschrift 2
|- align="center"
  | Birne
  | Klein
|- align="center"
  | Apfel
  | Groß
|}


== Tabellenhintergrundfarben ==
== Tabellenhintergrundfarben ==