Hvad er en tabeloverskriftsgruppe?
I CSS er ' Tabel-header gruppe ' bruges til at vise tabellens overskrift via '
Eksempel
Overskriften på en tabel har en anden formatering end resten af posterne i tabellen for at adskille den visuelt. Disse er normalt repræsenteret med fed skriftstørrelse eller tekst i øvre skala. Når vi angiver navnene på 'Mænd' og 'Kvinder', kan vi tildele dem som overskrifter i en separat række som vist i eksemplet nedenfor:
< bord >
< thead >
< tr >
< th > Mænd < / th >
< th > Kvinder < / th >
< / tr >
< / thead >
< kroppen >
< tr >
< td > James < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Jacob < / td >
< td > Rebecca < / td >
< / tr >
< / kroppen >
< / bord >
Følgende trin forklarer, hvordan du opretter en tabeloverskrift:
- Tilføj '
” tag for at oprette en tabel. - I næste trin skal du angive '
” tag, der refererer til tabeloverskriften. - Tilføj overskriftsværdierne som en række via tagget '
', og luk overskriften via tagget ''. - Medtag nu ' ” tag for at begynde tabellens brødtekst.
- Indsæt dataene for hver af rækkerne ved hjælp af tagget '
' og ' ”-tags.'. - Afslut tabelteksten og tabellen via '
Produktion
Hvad er en bordfodsgruppe?
Det ' Table-Footer Group ' bruges til at vise sidefoden af en tabel i CSS ved hjælp af '
” tag. Sidefoden giver også information om tabelindholdet, der kan hjælpe læseren med at forstå dataene mere klart. Brug det samme eksempel fra den foregående del, og tilføj sidefoden, som giver det samlede antal poster i hver kolonne for 'Mænd' og 'Kvinder' i tabellen.
Eksempel
< bord >
Oversigt over følgende eksempel, der forklarer det diskuterede koncept:
< thead >
< tr >
< th >Mænd< / th >
< th >Kvinder< / th >
< / tr >
< / thead >
< kroppen >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >David< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jakob< / td >
< td >Rebecca< / td >
< / tr >
< / kroppen >
< tfod >
< tr >
< td klasse = 'bg-grå-200' >I alt 03< / td >
< td klasse = 'bg-grå-200' >I alt 03< / td >
< / tr >
< / tfod >
< / bord >Følgende trin forklarer trinene til at oprette en tabelsidefod:
- I lighed med det foregående eksempel skal du tilføje '
” tag for at oprette/inkludere en tabel. - Inkluder '
” tag for at angive tabeloverskriften. - Tilføj nu på samme måde overskriftstitlerne som en række og luk overskriften via ' ” tag.
- Husk de diskuterede metoder til at specificere tabelkroppen og inkludere data i den.
- Tilføj nu '
” tag for at starte tabelfoden. - Tilføj dataene for tabelfoden som en række, og luk sidefoden ved at bruge ' ” tag.
- Afslut endelig tabellen med ' ” tag.
Produktion
Den ovenfor skrevne kode genererer følgende resultat:
Konklusion
Sidehoved og sidefod i en tabel i CSS hjælper med at tilføje flere oplysninger henholdsvis øverst og nederst i en tabel. Disse oplysninger hjælper med at bestemme, hvad tabellen handler om, og giver flere detaljer indeholdt i de værdier, der er indsat i tabellen. Tilsammen rammer disse to dataene indkapslet i tabellen perfekt.
- Medtag nu ' ” tag for at begynde tabellens brødtekst.