Hva er en tabellkolonnegruppe?
En tabellkolonnegruppe, som navnet antyder, er en gruppe celler fra flere kolonner. Alle verdiene i en bestemt kolonne er relatert til hverandre. En tabellkolonne er vert for et element som omfatter flere kolonner. Vi bruker en '
Eksempel
I tabellen over biodataene til selskapets ansatte der 'Navn', 'Alder' og 'Høyde' er registrert, tilsvarer hver blå kolonne en spesifikk ansatt, vist i følgende eksempel:
< bord >
< kolgruppe >
< kol stil = 'bakgrunnsfarge: rosa' >
< kol span = '3' stil = 'bakgrunnsfarge: lyseblå' >
< / kolgruppe >
< 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øyde < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / bord >
Følg trinnene nedenfor i henhold til koden ovenfor:
- Start med å lage en tabell og legg til
stikkord. - Bruke span verktøyklasse og spesifiser antall kolonner som skal grupperes sammen.
- Lukk nå colgroup ved å bruke stikkord.
- Skriv også inn de angitte dataene i tabellradene ved å bruke
og tagger. - Steng bordet via stikkord.
Produksjon
Cellespennet i en tabell i HTML representerer hvor mange kolonner en enkelt celle kan dekke. Den tilbyr samme bruk som funksjonen 'slå sammen' celler i Microsoft Excel.
Hva er en tabellradgruppe?
En tabellradgruppe er sammenbindingen av flere rader for å lage en enkelt gruppe. Et enkeltelement omfatter flere rader. Det gjøres via '
' stikkord. Eksempel
Følgende tabell som viser salget gjort av ansatte i en måned kan vises ved å gruppere raden som inneholder månedens navn mot navnene på flere ansatte. Deretter kan salget deres vises i samsvar med navnene deres. Vi har illustrert det samme i koden nedenfor:
< bord klasse = 'våt-boew-sebra' >
< kolgruppe >
< kol >
< kol >
< / kolgruppe >
< kroppen >
< tr >
< th colspan = '9' >MÅNEDLIG SALG ( $ ) < / th >
< / tr >
< tr >
< th radspenn = '4' > mai 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 radspenn = '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 koden ovenfor:
- Definer en tabell og legg til
stikkord. - Definer grupperingen av kolonnene ved å bruke colspan bruksklasse.
- På samme måte definerer du grupperingen av radene via radspenn bruksklasse.
- Legg nå inn data for salget til alle individene for hver av de to månedene.
- Til slutt lukker du bordet ved å bruke stikkord.
Produksjon
Konklusjon
De individuelle cellene i en tabell kan grupperes hvis én verdi tilsvarer flere andre oppføringer. Vi har også observert at tabellen kan grupperes i form av enten kolonner eller rader. Begge disse har sine egne funksjoner og kan brukes der det er nødvendig.