Das Element <colGroup> gruppiert Spalten, die übergeordnet gleiche Eigenschaften erhalten.
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 = Spaltengruppe kann nur gelesen werden. false = In der Spaltengruppe sind Eingaben möglich. |
|
span | optional | Integer | Anzahl der 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 |
---|---|
col | beliebig |
Tabelle mit Spaltengruppe:
Das folgende Beispiel zeigt eine Tabelle, in der alle Spalten zu einer Gruppe zusammengefasst sind, um eine einheitliche Breite (width) und Ausrichtung (align) zuzuweisen. Um zu zeigen, dass die Konfiguration eines umhüllenden Elements vom umhüllten Element überschrieben wird, ist für die erste Spalte die Hintergrundfarbe (bColor) und für die letzte Spalte die Ausrichtung anders zugewiesen.
<table columns="5" border="1" boColor="0,0,0">
<colgroup width="80" align="left">
<col bColor="200,200,200"/>
<col/>
<col/>
<col/>
<col align="right"/>
</colGroup>
<td><label font="bold">Cell 1.1</label></td>
<td><label>Cell 1.2</label></td>
<td><label>Cell 1.3</label></td>
<td><label>Cell 1.4</label></td>
<td><label>Cell 1.5</label></td>
<td><label font="bold">Cell 2.1</label></td>
<td><label>Cell 2.2</label></td>
<td><label>Cell 2.3</label></td>
<td><label>Cell 2.4</label></td>
<td><label>Cell 2.5</label></td>
</table>
Ergebnis:
Tabelle mit Spaltengruppe:
Das folgende Beispiel zeigt eine Tabelle mit fünf Spalten, in der nur die ersten drei Spalten (span="3") zu einer Gruppe zusammengefasst sind, um eine einheitliche Breite (width) und Ausrichtung (align) zuzuweisen. Um zu zeigen, dass die Konfiguration eines umhüllenden Elements vom umhüllten Element überschrieben wird, ist für die erste Spalte die Hintergrundfarbe (bColor) und für die zweite Spalte die Ausrichtung anders zugewiesen.
<table columns="5" border="1" boColor="0,0,0">
<colGroup span="3" width="80" align="left">
<col bColor="200,200,200"/>
<col align="center"/>
</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 1.4</label></td>
<td><label>Cell 1.5</label></td>
<td><label>Cell 2.1</label></td>
<td><label>Cell 2.2</label></td>
<td><label>Cell 2.3</label></td>
<td><label>Cell 2.4</label></td>
<td><label>Cell 2.5</label></td>
</table>
Ergebnis: