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

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<head> Kopfdaten

CSS - Animierte Unterstreichung

PHP - Nächstgrößeren Zehner finden

JavaScript - Countdown (3)

MySQL - Datensätze sortieren nach Länge der Zeichen