Das Element <td> fügt eine Tabellenzelle ein.
Attributname | Verwendung | Attributwerte | Defaultwert | Beschreibung |
---|---|---|---|---|
align | optional | center, left, right | left | horizontale Ausrichtung des Zelleninhalts |
bColor | optional | 0,0,0 bis 255,255,255 | Systemfarbe | Hintergrundfarbe als RGB-Wert |
colSpan | optional | Integer | Anzahl der Zellen, die in einer Zeile verbunden werden | |
readonly | optional | true, false | true = Zelle kann nur gelesen werden. false = In der Zelle sind Eingaben möglich. |
|
rowSpan | optional | Integer | Anzahl der Zellen, die in einer Spalte verbunden werden | |
valign | optional | bottom, middle, top | middle | vertikale Ausrichtung des Zelleninhalts |
visible | optional | true, false | true | true = Tabellenzelle ist sichtbar false = Tabellenzelle ist unsichtbar |
Erlaubte Unterelemente | Anzahl |
---|---|
action | beliebig |
group | beliebig |
img | beliebig |
include | beliebig |
input | beliebig |
instantiation | beliebig |
label | beliebig |
line | beliebig |
loop | beliebig |
mailto | beliebig |
open | beliebig |
progressBar | beliebig |
table | beliebig |
Tabelle mit verschiedenen Ausrichtungen der Tabellenzellen:
Das folgende Beispiel zeigt eine einfache Tabelle, in der die verschiedenen Ausrichtungen für den Inhalt von Tabellenzellen verdeutlicht werden. Mit dem Attribut align wird die horizontale und mit dem Attribut valign die vertikale Ausrichtung definiert.
<table columns="4" border="1" boColor="0,0,0" cellPadding="10" >
<td/>
<td align="center"><label font="bold">align="left"</label></td>
<td align="center"><label font="bold">align="center"</label></td>
<td align="center"><label font="bold">align="right"</label></td>
<td align="left">
<label font="4"/>
<label font="bold">valign="top"</label>
<label font="4"/>
</td>
<td align="left" valign="top"><label>abc</label></td>
<td align="center" valign="top"><label>abc</label></td>
<td align="right" valign="top"><label>abc</label></td>
<td align="left">
<label font="4"/>
<label font="bold">valign="middle"</label>
<label font="4"/>
</td>
<td align="left" valign="middle"><label>abc</label></td>
<td align="center" valign="middle"><label>abc</label></td>
<td align="right" valign="middle"><label>abc</label></td>
<td align="left">
<label font="4"/>
<label font="bold">valign="bottom"</label>
<label font="4"/>
</td>
<td align="left" valign="bottom"><label>abc</label></td>
<td align="center" valign="bottom"><label>abc</label></td>
<td align="right" valign="bottom"><label>abc</label></td>
</table>
Ergebnis:
Tabelle mit verbundenen Zellen in einer Zeile:
In der Tabelle sind in der ersten Zeile die Zellen von Spalte 2 und 3 miteinander verbunden.
<table columns="5" border="2" boColor="0,0,0">
<td><label>Zelle 1.1</label></td>
<td colSpan="2"><label>Zelle 1.2 + Zelle 1.3</label></td>
<td><label>Zelle 1.4</label></td>
<td><label>Zelle 1.5</label></td>
<td><label>Zelle 2.1</label></td>
<td><label>Zelle 2.2</label></td>
<td><label>Zelle 2.3</label></td>
<td><label>Zelle 2.4</label></td>
<td><label>Zelle 2.5</label></td>
</table>
Ergebnis:
Tabelle mit verbundenen Zellen in einer Spalte:
In der Tabelle sind in der ersten Spalte die Zellen von Zeile 2 und 3 miteinander verbunden.
<table columns="2" border="2" boColor="0,0,0">
<td><label>Zelle 1.1</label></td>
<td><label>Zelle 1.2</label></td>
<td rowSpan="2"><label>Zelle 2.1 + Zelle 3.1</label></td>
<td><label>Zelle 2.2</label></td>
<td><label>Zelle 3.2</label></td>
<td><label>Zelle 4.1</label></td>
<td><label>Zelle 4.2</label></td>
</table>
Ergebnis: