Grondbeginselen van tabellen

Een tabel wordt ingeleid met de tag <TABLE>. Aansluitend worden de afzonderlijke cellen gedefinieerd met <TD>, geordend naar de rij waarop ze zich bevinden. Elke rij begint met de tag <TR> (Table Row). Met de attribuut BORDER leg je net als bij andere tags vast hoe breed de omlijsting voor elke cel en de tabel is. Waarde 0 resulteerd in een blinde tabel, dus geen rand.

<table border="3">
<tr>
<td>Eerste regel, Eerste kolom</td>
<td>Eerste regel, Tweede kolom</td>
<td>Eerste regel, Derde kolom</td>
</tr>
<tr>
<td>Tweede regel, Eerste kolom</td>
<td>Tweede regel, Tweede kolom</td>
<td>Tweede regel, Derde kolom</td>
</tr>
<tr>
<td>Derde regel, Eerste kolom</td>
<td>Derde regel, Tweede kolom</td>
<td>Derde regel, Derde kolom</td>
</tr>
</table>

Je zult niet altijd een volledig symmetrische tabel nodig hebben en je zult ook wel cellen willen die meerdere kolommen en/of rijen overbruggen.

Naar boven

<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Afdeling</td>
<td>Voornaam</td>
<td>Achternaam</td>
</tr>
<tr>
<td rowspan="2">Inkoop</td>
<td>Maria</td>
<td>Henegouwen</td>
</tr>
<tr>
<td>Anneke</td>
<td>Bos</td>
</tr>
<tr>
<td rowspan="3">Verkoop</td>
<td>Martin</td>
<td>Meijer</td>
</tr>
<tr>
<td>Sita</td>
<td>Vuursteen</td>
</tr>
<tr>
<td>Robert</td>
<td>Wassenaar</td>
</tr>
</table>

Met ROWSPAN leg je vast hoeveel rijen de betreffende cel moet overbruggen. De cellen die daardoor in principe worden verborgen, geef je in de daaropvolgende rijen niet meer aan.

Met het attribuut COLSPAN kan een cel meerdere kolommen overbruggen.

Naar boven