HTML - Element: <colgroup>

Mit dem <colgroup>-Tag und dem <col>-Tag können Sie Tabellenspalten vordefinieren. Damit können Sie dem Browser gleich zu Beginn der Tabelle mitteilen, wie viele Spalten die Tabelle hat, und wie breit diese ist. Dadurch kann der Browser große Tabellen schneller aufbauen.

Mit dem Attribut width="100" / width="100%" geben Sie die Breite (in Pixel / in Prozent) von <colgroup> und <col> an.
<!DOCTYPE html>
<html>
<head>
 <title>Tabellenspalten vordefinieren</title>
</head>
<body>

<h1>Tabellenspalten vordefinieren</h1>

<table border="1">
 <colgroup>
  <col span="2" style="background-color: Lightskyblue">
  <col style="background-color: Yellow">
 </colgroup>
 <tr>
   <th>ISBN</th>
   <th>Titel</th>
   <th>Preis</th>
 </tr>
 <tr>
  <td>3476896</td>
  <td>Das Blindtextchen.</td>
  <td>56 €</td>
 </tr>
 <tr>
  <td>5869207</td>
  <td>Das Blindtextchen kommt zurück.</td>
  <td>48 €</td>
 </tr>
</table>

</body>
</html>

Beispiel anzeigen