CSS, HTML UND JAVASCRIPT MIT {STIL}

Der Aufbau der Tabelle wird durch col und colgroup-Tags nicht geändert. Weiterhin müssen Tabellenreihen mit tr aufgebaut werden. Tabellenzellen (th- und td-Elemente) dürfen weiterhin nur in tr-Tags sitzen.

Das colgroup-Tag organisiert die Spalten einer Tabelle und soll vor der ersten Tabellenzeile direkt auf das table-Tag folgen. Die Codesequenz ist

<table>
<colgroup></colgroup>
<tr><td></td></tr>
</table>

Das col-Tag weist den Spalten einer Tabelle Attribute oder CSS-Eigenschaften wie Spaltenbreite, Ausrichtung oder Hintergrundfarben zu. Das col-Tag muss nicht in ein colgroup-Tag eingeschlossen werden. Dann muss allerdings für jede Tabellenspalte ein col-Tag vor der ersten Tabellenzeile stehen.

Das col-Tag ist leer und wird mit einem Schrägstrich vor der schließenden Klammer abgeschlossen.

<table>
<col /><col /><col />
<tr><td>DATA</td><td>DATA</td><td>DATA</td></tr>
</table>

oder

<table>
<colgroup><col /></colgroup>
<colgroup><col /><col /></colgroup>
<tr><td>DATA</td><td>DATA</td><td>DATA</td></tr>
</table>

Innerhalb eines colgroup-Elements können nur col-Tags sitzen. Wenn allerdings das span-Attribut des colgroup-Tags benutzt wird, kann das col-Tag nicht verwendet werden.

<table>
<colgroup span="1" style="background: #E4F1F9"></colgroup>
<colgroup span="2" style="background: #EFF3EB"></colgroup>
<tr><td>DATA</td><td>DATA</td><td>DATA</td></tr>
</table>

Attribute für HTML colgroup

span

Zahl der Spalten einer Spaltengruppe. Wenn die Spalten sehr unterschiedlich ausfallen, wird anstelle des span-Attributs im colgroup-Tag besser das col-Tag zur Definition der Spalten benutzt. Wenn das span-Attribut nicht gesetzt wird, können die einzelnen Spalten durch col-Tags beschrieben werden.

width

Das Attribut width legt die Breite einer Spaltengruppe fest.

Attribute für HTML col

align

Richtet den Inhalt der angesprochenen Tabellenzellen – z.B. alle Zellen innerhalb der Tabellenspalte – anhand eines Zeichens (z.B. eines Kommas oder eines "%"-Zeichens) aus. In XHTML ist der einzige zuweisbare Wert "char" für die Ausrichtung des Zelleninhalts.

char

ein einzelnes Zeichen, anhand dessen Tabellenzellen innerhalb der Spalte ausgerichtet werden

charoff

Zahl der Zeichen, die den Inhalt vom Zeichen für die Ausrichtung trennen

span

Zahl der folgenden Spalten, die mit den gleichen Werten dargestellt werden sollen.

width

Das Attribut width steuert die vertikale Breite der Spalte.

Darstellung von Tabellen

<table>
   <colgroup span="1" width="220"></colgroup>
   <colgroup><col width="180" /><col width="120" /></colgroup>
   …
</table>

Die Breite der Tabellenspalten kann in Prozentwerten oder in absoluten Werten – z.B. 230px – angegeben werden. Die Breite von Tabellenspalten kann nicht nur über das width-Attribut, sondern auch mit CSS-Klassen oder einem style-Attribut festgesetzt werden.

Globale Attribute und Ereignisse für col und colgroup

Attribute für col und colgroup / ins	Events für col und colgroup
class, dir, id, lang, style, title	onclick ondblclick onkeydown, onkeypress, onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup