Wat is een tabelkolomgroep?
Een tabelkolomgroep is, zoals de naam al doet vermoeden, een groep cellen uit meerdere kolommen. Alle waarden in een bepaalde kolom zijn aan elkaar gerelateerd. Een Table-Column host een element dat meerdere kolommen omvat. Wij gebruiken een '
Voorbeeld
In de tabel over de persoonsgegevens van de werknemers van het bedrijf waar 'Naam', 'Leeftijd' en 'Lengte' zijn opgenomen, komt elke blauwe kolom overeen met een specifieke werknemer, zoals blijkt uit het volgende voorbeeld:
< tafel >
< colgroep >
< col stijl = 'achtergrondkleur: roze' >
< col span = '3' stijl = 'achtergrondkleur: lichtblauw' >
< / colgroep >
< tr >
< td > Naam < / td >
< td > Michaël < / td >
< td > Jacobus < / td >
< td > David < / td >
< / tr >
< tr >
< td > Leeftijd < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Hoogte < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / tafel >
Volg de onderstaande stappen volgens de bovenstaande code:
- Begin met het maken van een tabel en voeg de
label. - Gebruik de span utility class en geef het aantal kolommen op dat moet worden gegroepeerd.
- Sluit nu de colgroup met de label.
- Voer ook de vermelde gegevens in de tabelrijen in met behulp van de
En labels. - Sluit de tafel af via de label.
Uitgang
De 'overspanning' van cellen in een tabel in HTML geeft aan hoeveel kolommen een enkele cel kan beslaan. Het biedt hetzelfde gebruik als de functie 'cellen samenvoegen' in Microsoft Excel.
Wat is een tabelrijgroep?
Een tabel-rijgroep is het samenbinden van meerdere rijen om een enkele groep te maken. Een enkelvoudig element omvat meerdere rijen. Dit gaat via de '
' label. Voorbeeld
De volgende tabel met de verkopen van de werknemers in een maand kan worden weergegeven door de rij met de naam van de maand te groeperen met de namen van meerdere werknemers. Vervolgens kunnen hun verkopen worden weergegeven die overeenkomen met hun naam. We hebben hetzelfde geïllustreerd in de onderstaande code:
< tafel klas = 'natte-boew-zebra' >
< colgroep >
< col >
< col >
< / colgroep >
< het lichaam >
< tr >
< e colspan = '9' > MAANDELIJKSE VERKOOP ( $ ) < / e >
< / tr >
< tr >
< e rijspanwijdte = '4' >Mei 2023 < / e >
< e >James< / e >
< td > 1434 < / td >
< / tr >
< tr >
< e >Michel< / e >
< td > 1700 < / td >
< / tr >
< tr >
< e >Jan< / e >
< td > 1299 < / td >
< / tr >
< / het lichaam >
< het lichaam >
< tr >
< e rijspanwijdte = '4' >Juni 2023 < / e >
< e >James< / e >
< td > 1256 < / td >
< / tr >
< tr >
< e >Michel< / e >
< td > 1975 < / td >
< / tr >
< tr >
< e >Jan< / e >
< td > 1883 < / td >
< / tr >
< / het lichaam >
< / tafel >In de bovengenoemde code:
- Definieer een tabel en voeg de
label. - Definieer de groepering van de kolommen met behulp van de colspan gebruiksklasse.
- Definieer op dezelfde manier de groepering van de rijen via de rijspanwijdte gebruiksklasse.
- Voer nu de gegevens in voor de verkoop van alle individuen voor elk van de twee maanden.
- Sluit ten slotte de tafel met behulp van de label.
Uitgang
Conclusie
De afzonderlijke cellen in een tabel kunnen worden gegroepeerd als één waarde overeenkomt met meerdere andere vermeldingen. We hebben ook gezien dat de tabel gegroepeerd kan worden in termen van kolommen of rijen. Beide hebben hun eigen functionaliteiten en kunnen waar nodig worden gebruikt.