Het col element

Probleem

In tegenstelling tot rijen bevatten kolommen niet rechtstreeks cellen. Ze groeperen enkel impliciet een groep aangrenzende cellen tussen rijen. Dit lijkt misschien niet belangrijk, maar dat betekent wel dat er geen gemakkelijke manier bestaat om een kolom voor styling doeleinden te selecteren.

Oplossing

Het col element bied een oplossing voor dat probleem. Door het col element toe te voegen beschik je over een mechanisme om kolommen in css te selecteren en kan je stijlregels erop toepassen. Het idee is dat je het col element gebruikt om alle gewenste kenmerken van je kolommen te definiëren — uitlijning, kleuren, enzovoort.

De col elementen geef je aan vooraleer je de rijen in HTML toevoegt:

Aan het uitzicht van de tabel verandert er niets. Als we leren hoe je een tabel met CSS opmaakt, zal je zien hoe nuttig de col elementen kunnen zijn.