Vad är en tabellhuvudgrupp?
I CSS, ' Tabellhuvudgrupp ' används för att visa tabellens rubrik via '
Exempel
Rubriken i en tabell har en annan formatering än resten av posterna i tabellen för att skilja den visuellt. Dessa representeras vanligtvis av fet stil eller text i övre skala. När vi listar namn på 'Män' och 'Kvinnor', kan vi tilldela dem som rubriker i en separat rad som visas i exemplet nedan:
< tabell >
< thead >
< tr >
< th > Män < / th >
< th > Kvinnor < / 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 >
< / tabell >
Följande steg förklarar hur du skapar en tabellrubrik:
- Lägg till '
”-taggen för att skapa en tabell. - I nästa steg anger du '
”-tagg som refererar till tabellhuvudet. - Lägg till rubrikvärdena som en rad via taggen '
' och stäng rubriken med taggen ''. - Inkludera nu ' ”-taggen för att börja tabelltexten.
- Infoga data för var och en av raderna med taggen '
' och ' ”-taggar, respektive.'. - Avsluta tabelltexten och tabellen med '
Produktion
Vad är en tabell-sidfotsgrupp?
den ' Tabell-sidfotsgrupp ' används för att visa sidfoten för en tabell i CSS med hjälp av '
'-tagg. Sidfoten ger också information om tabellinnehållet som kan hjälpa läsaren att förstå data tydligare. Använd samma exempel från föregående del och lägg till sidfoten som visar det totala antalet poster i varje kolumn för 'Män' och 'Kvinnor' i tabellen.
Exempel
< tabell >
Översikt över följande exempel som förklarar det diskuterade konceptet:
< thead >
< tr >
< th >Män< / th >
< th >Kvinnor< / 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 >
< tfot >
< tr >
< td klass = 'bg-grå-200' >Totalt 03< / td >
< td klass = 'bg-grå-200' >Totalt 03< / td >
< / tr >
< / tfot >
< / tabell >Följande steg förklarar stegen för att skapa en tabellsidfot:
- I likhet med föregående exempel, lägg till '
”-tagg för att skapa/inkludera en tabell. - Inkludera '
”-taggen för att ange tabellhuvudet. - Lägg nu på liknande sätt till rubriktitlarna som en rad och stäng rubriken via ' '-tagg.
- Kom ihåg de diskuterade metoderna för att specificera tabellkroppen och inkludera data i den.
- Lägg nu till '
”-taggen för att starta tabellsidfoten. - Lägg till data för tabellsidfoten som en rad och stäng sidfoten med ' '-tagg.
- Slutligen avsluta tabellen med hjälp av ' '-tagg.
Produktion
Den ovan skrivna koden genererar följande resultat:
Slutsats
Sidhuvudet och sidfoten i en tabell i CSS hjälper till att lägga till mer information högst upp respektive längst ned i en tabell. Den här informationen hjälper till att avgöra vad tabellen handlar om och ger mer detaljer i värdena som infogas i tabellen. Tillsammans ramar dessa två perfekt in data som är inkapslade i tabellen.
- Inkludera nu ' ”-taggen för att börja tabelltexten.