Hans Wittwer

Geschichten, die das Leben schrieb

Auszeichnungssprache HTML

Tabellenspalten vordefinieren

🏁

Manchmal kommt vor, dass ich in einer Tabelle in der ersten Zeile Spalten zusammenfassen möchte, dann fallen eventuell Browser auf die Nase, wenn ich in weiteren Zeilen andere Spalten zusammenfasse.

Mit dem Tag <colgroup> lassen sich die Spalten vordefinieren.

Quellcode:

<table border="1" style="width: 20em;">
   <colgroup>
      <col>
      <col>
      <col>
      <col>
   </colgroup>
   <tr>
      <td colspan="3">Teilnehmer</td>
      <td>PLZ</td>
   </tr>
      <tr>
      <td>Peter</td>
      <td>Meyer</td>
      <td>1988</td>
      <td>8000</td>
   </tr>
</table>

So sieht es aus:

Teilnehmer PLZ
Peter Meyer 1988 8000

Weiter