Das Element <col> bestimmt die Eigenschaften für eine oder mehrere Tabellenspalten. Die Attribute, die den Spalten mit dem Element <colGroup> zugewiesen sind, werden durch die Attribute des Elements <col> überschrieben.
Attributname | Verwendung | Attributwerte | Defaultwert | Beschreibung |
---|---|---|---|---|
align | optional | left, center, right | left | horizontale Ausrichtung des Spalteninhalts |
bColor | optional | 0,0,0 bis 255,255,255 | Systemfarbe | Hintergrundfarbe als RGB-Wert |
readonly | optional | true, false | true = Spalte kann nur gelesen werden. false = In der Spalte sind Eingaben möglich. |
|
span | optional | Integer | Anzahl der aufeinander folgenden Spalten, für die die gleichen Einstellungen gelten sollen | |
valign | optional | bottom, middle, top | middle | vertikale Ausrichtung des Spalteninhalts |
width | optional | Absolutwert in Pixel Prozentwert Anteile |
Absolutwert in Pixel = Breite der Spalte in Pixel, z.B. "150" Prozentwert = Breite der Spalte in Bezug zur Tabellenbreite, z.B. "30%" Anteile = Anzahl der Teilbreiten, z.B. "3*" |
Erlaubte Unterelemente | Anzahl |
---|---|
keine | beliebig |
Tabelle mit Spalten, deren Breiten als Teilbreiten definiert sind:
Die folgende Tabelle mit einer Gesamtbreite von 450 Pixel besteht aus drei Spalten. Die linke Spalte hat eine Breite von 4 Teilbreiten, die mittlere von 3 Teilbreiten und die rechte von 2 Teilbreiten. Damit entspricht die Breite von 450 Pixel 9 Teilbreiten (4/9 + 3/9 + 2/9).
<table width="450" border="2" boColor="0,0,0" columns="3">
<colGroup>
<col width="4*"/>
<col width="3*"/>
<col width="2*"/>
</colGroup>
<td><label>Cell 1.1</label></td>
<td><label>Cell 1.2</label></td>
<td><label>Cell 1.3</label></td>
<td><label>Cell 2.1</label></td>
<td><label>Cell 2.2</label></td>
<td><label>Cell 2.3</label></td>
</table>
Ergebnis:
Tabelle mit Spaltengruppe- und Spaltenkonfiguration:
Die folgende Tabelle besteht aus 3 Spalten, deren Breiten durch die Konfiguration der Spaltengruppe festgelegt sind. Die erste Spalte wird jedoch in der Breite anders definiert und überschreibt damit die Festlegung in der Spaltengruppe.
<table border="1" boColor="0,0,0" columns="3">
<colGroup width="100">
<col width="150"/>
<col/>
<col/>
</colGroup>
<td><label>Cell 1.1</label></td>
<td><label>Cell 1.2</label></td>
<td><label>Cell 1.3</label></td>
<td><label>Cell 2.1</label></td>
<td><label>Cell 2.2</label></td>
<td><label>Cell 2.3</label></td>
</table>
Ergebnis: