Hvad er en tabelkolonnegruppe?
En tabelkolonnegruppe er, som navnet antyder, en gruppe celler fra flere kolonner. Alle værdier i en bestemt kolonne er relateret til hinanden. En tabelkolonne er vært for et element, der omfatter flere kolonner. Vi bruger en '
Eksempel
I tabellen over biodata for virksomhedens ansatte, hvor 'Navn', 'Alder' og 'Højde' er registreret, svarer hver blå kolonne til en bestemt medarbejder, vist i følgende eksempel:
< bord >
< colgroup >
< col stil = 'baggrundsfarve: pink' >
< col span = '3' stil = 'baggrundsfarve: lyseblå' >
< / colgroup >
< tr >
< td > Navn < / td >
< td > Michael < / td >
< td > James < / td >
< td > David < / td >
< / tr >
< tr >
< td > Alder < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Højde < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / bord >
Følg nedenstående trin i henhold til ovenstående kode:
- Start med at oprette en tabel og tilføj
tag. - Brug span hjælpeklasse og angiv antallet af kolonner, der skal grupperes sammen.
- Luk nu colgroup ved hjælp af tag.
- Indtast også de angivne data i tabelrækkerne ved hjælp af
og tags. - Luk bordet via tag.
Produktion
'Spændet' af celler i en tabel i HTML repræsenterer, hvor mange kolonner en enkelt celle kan dække. Det giver samme brug som funktionen 'flet' celler i Microsoft Excel.
Hvad er en tabelrækkegruppe?
En tabelrækkegruppe er sammenbindingen af flere rækker til en enkelt gruppe. Et enkelt element omfatter flere rækker. Det gøres via '
” tag. Eksempel
Følgende tabel, der viser medarbejdernes salg i en måned, kan vises ved at gruppere rækken, der indeholder månedens navn, med navnene på flere medarbejdere. Derefter kan deres salg vises svarende til deres navne. Vi har illustreret det samme i nedenstående kode:
< bord klasse = 'våd-boew-zebra' >
< colgroup >
< col >
< col >
< / colgroup >
< kroppen >
< tr >
< th colspan = '9' >MÅNEDLIGT SALG ( $ ) < / th >
< / tr >
< tr >
< th rækkevidde = '4' > maj 2023 < / th >
< th >James< / th >
< td > 1434 < / td >
< / tr >
< tr >
< th >Michael< / th >
< td > 1700 < / td >
< / tr >
< tr >
< th >John< / th >
< td > 1299 < / td >
< / tr >
< / kroppen >
< kroppen >
< tr >
< th rækkevidde = '4' > juni 2023 < / th >
< th >James< / th >
< td > 1256 < / td >
< / tr >
< tr >
< th >Michael< / th >
< td > 1975 < / td >
< / tr >
< tr >
< th >John< / th >
< td > 1883 < / td >
< / tr >
< / kroppen >
< / bord >I ovennævnte kode:
- Definer en tabel og tilføj
tag. - Definer grupperingen af kolonnerne ved hjælp af colspan brugsklasse.
- På samme måde definerer du grupperingen af rækkerne via rækkevidde brugsklasse.
- Indtast nu data for salget af alle individer for hver af de to måneder.
- Luk endelig bordet ved hjælp af tag.
Produktion
Konklusion
De individuelle celler i en tabel kan grupperes, hvis en værdi svarer til flere andre poster. Vi har også observeret, at tabellen kan grupperes i form af enten kolonner eller rækker. Begge disse har deres egne funktioner og kan bruges, hvor det er nødvendigt.