Internet > Tables

Tables:

Col groups > kolommen.

Voor een browser is het niet makkelijk om vast te stellen hoe een tabel eruit behoort te zien.
Eerst moeten alle gegevens van de server ontvangen zijn voordat de browser aan het werk kan gaan.
Dat heeft tot gevolg dat in het geval van een grote tabel de bezoeker een tijdje tegen een wit scherm zit aan te kijken.
HTML4.0 maakt het mogelijk om door middel van <colgroup> <col> <colgroup> de browser meteen in het begin te vertellen hoeveel kolommen de tabel heeft en hoe breed die kolommen zijn, waardoor de opbouw van de tabel sneller van start kan gaan.

Voorbeelden

#1

<table>
<colgroup>
<col width="80">
<col width="160">
<col width="320">
</colgroup>
<thead>

#2

<table>
<colgroup width="200" span="3" id="format-me-specially">
</colgroup>
<thead>

#3

<table>
<colgroup>
<col width="4*">
<col width="2*">
<col width="1*">
</colgroup>
<thead>

#4

<table>
<colgroup align="center">
</colgroup>
<colgroup align="left">
</colgroup>
<colgroup align="center" span="2">
</colgroup>
<colgroup align="center" span="3">
</colgroup>
<thead>

#5

<table>
<colgroup span="3">
</colgroup>
<thead>

#6

<table>
<colgroup>
<col>
<col span="2">
</colgroup>
<thead>

#7

<table>
<colgroup>
<col>
</colgroup>
<colgroup span="2">
</colgroup>
<thead>

Het effect van #5 en #6 en #7 is hetzelfde, de schrijfwijze is anders.

#8

<table>
<colgroup>
<col width="30">
</colgroup>
<colgroup>
<col width="30">
<col width="0*">
<col width="2*">
</colgroup>
<colgroup align="center">
<col width="1*">
<col width="3*" align="char" char=":">
</colgroup>
<thead>

Zo zien #1, #2 en #3 er in het echt uit!

Opletten:
<col> heeft geen sluit-tag!

Waarschuwing:
Werkt alleen in moderne browsers.
Zie http://http://www.blooberry.com/indexdot/html/tagpages/t/thead.htm (opent in een nieuw venster).

Row groups (Horizontale regels).
De tr-tag.

top