HTML-Tag <colgroup>

Das Tag <colgroup> definiert die Gruppe von Spalten in der Tabelle mit den Gesamteigenschaften. Das Tag kann aus einigen Elementen <col>, die die Eigenschaften der Tabelle definieren, bestehen.

Syntax

Das Tag <colgroup> wird gepaart verwendet, das Endtag </colgroup> ist obligatorisch.

Das Tag <colgroup> wird innerhalb des Tages <table>, vor den Tags <thead>, <tbody>, <tfoot> und <tr>; und nach dem Tag <caption> platziert, wenn es verwendet wird (im Tag <caption> fügen wir den Namen der Tabelle ein).

In einer HTML-Tabelle kann man einige Tags <colgroup> einschließen.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      table, th, td {
        border: 1px solid #666;
      }
    </style>
  </head>
  <body>
    <table>
      <colgroup>
        <col span="2" style=" width:20%; background-color:#eee;">
        <col style="width:10%; background-color:#8ebf42;">
      </colgroup>
      <tr>
        <th>Name</th>
        <th>Geschlecht</th>
        <th>Alter</th>
      </tr>
      <tr>
        <td>Mary Nicolson</td>
        <td>weiblich</td>
        <td>19</td>
      </tr>
      <tr>
        <td>John Johnson</td>
        <td>männlich</td>
        <td>23</td>
      </tr>
    </table>
  </body>
</html>

Ergebnis

colgroup beispiel

Attribute

Attribut Wert Beschreibung
align Es stellt den Inhaltsausgleich der Spalte ein.
Es wird in HTML5 nicht unterstützt.
left Es richtet den Inhalt nach links aus.
right Es richtet den Inhalt nach rechts aus.
center Es zentriert den Inhalt.
justify Es richtet den Inhalt nach rechts und links aus.
char Es richtet den Inhalt nach dem speziellen Symbol mit minimaler Absetzung, die mit den Attributen char und charoff definiert werden, aus.
char character Es richtet den Inhalt der Spalte nach dem speziellen Symbol aus. Wird nur mit dem Attribut align = "char" verwendet. Es wird in HTML5 nicht unterstützt..
charoff number Es schiebt den Inhalt der Zelle bezüglich des eingegebenen Symbols, welches je nach der Bedeutung des Attributes rechts (positive Bedeutung) oder links (negative Bedeutung) angegeben werden kann. Es wird nur mit dem Attribut align = "char" verwendet.
Es wird in HTML5 nicht unterstützt.
span number Es difiniert die Anzahl von Spalten, deren Charakteristik das Element <col> bestimmt. Die Zahl muss rund und positiv sein. Wenn keine Zahl eingegeben ist, wird der Wert automatisch 1 betragen.
valign Es richtet den Inhalt vertikal aus.
Es wird in HTML5 nicht unterstützt.
top Es richtet den Inhalt nach dem oberen Rand der Zeile aus.
bottom Es richtet den Inhalt nach dem unteren Rand der Zeile aus.
middle Es richtet den Inhalt in der Mitte aus.
baseline Es richtet den Inhalt nach der Basislinie aus.
width %
pixels
relative_length
Es definiert die Breite der Spalte.
Es wird in HTML5 nicht unterstützt.

Das Tag <colgroup> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome edge firefox safari opera

Übe dein Wissen

Was kann der HTML-Tag <colgroup> in einer Tabelle definieren?
Finden Sie das nützlich?