Što je grupa zaglavlja tablice?
U CSS-u, ' Grupa zaglavlja tablice ' koristi se za prikaz zaglavlja tablice putem ' ” oznaka. Zaglavlje odgovara prvom unosu u okomitom stupcu. Specificira informacije o unosima u tablici. Zaglavlje također može obuhvaćati više stupaca ako je potrebno. To se može izvesti stvaranjem grupe tablica-stupac u CSS-u.
Primjer
Zaglavlje tablice ima drugačije oblikovanje od ostalih unosa u tablici kako bi se vizualno izdvojilo. Oni su obično predstavljeni podebljanim fontom ili tekstom u gornjoj skali. Kada ispisujemo imena 'Muškarci' i 'Žene', možemo ih dodijeliti kao zaglavlja u zasebnom retku kao što je prikazano u primjeru u nastavku:
< stol >
< thead >
< tr >
< th > Muškarci < / th >
< th > žene < / th >
< / tr >
< / thead >
< tijelo >
< tr >
< td > James < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Jakovu < / td >
< td > Rebecca < / td >
< / tr >
< / tijelo >
< / stol >
Sljedeći koraci objašnjavaju kako stvoriti zaglavlje tablice:
- Dodajte '
” za izradu tablice. - U sljedećem koraku navedite ' ” koja se odnosi na zaglavlje tablice.
- Dodajte vrijednosti zaglavlja kao red putem oznake “
” i zatvorite zaglavlje pomoću oznake “”. - Sada uključite ' ” za početak tijela tablice.
- Umetnite podatke za svaki od redaka pomoću oznake “
' i ' ” oznake.”. - Zaključite tijelo tablice i tablicu putem '
Izlaz
Što je grupa podnožja tablice?
' Grupa podnožja tablice ' koristi se za prikaz podnožja tablice u CSS-u uz pomoć ' ” oznaka. Podnožje također daje informacije o sadržaju tablice koje čitatelju mogu pomoći u jasnijem razumijevanju podataka. Koristeći isti primjer iz prethodnog dijela, dodajte podnožje koje daje ukupan broj unosa u svakom stupcu za “Muškarce” i “Žene” u tablici.
Primjer
< stol >
Pregled sljedećeg primjera koji objašnjava razmatrani koncept:
< thead >
< tr >
< th >Muškarci< / th >
< th >Žene< / th >
< / tr >
< / thead >
< tijelo >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >David< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jakov< / td >
< td >Rebecca< / td >
< / tr >
< / tijelo >
< tfoot >
< tr >
< td razreda = 'bg-sivo-200' >Ukupno 03< / td >
< td razreda = 'bg-sivo-200' >Ukupno 03< / td >
< / tr >
< / tfoot >
< / stol >Sljedeći koraci objašnjavaju korake za stvaranje podnožja tablice:
- Slično prethodnom primjeru, dodajte '
” za izradu/uključivanje tablice. - Uključi ' ” za određivanje zaglavlja tablice.
- Sada, na sličan način, dodajte naslove zaglavlja kao redak i zatvorite zaglavlje putem ' ” oznaka.
- Prisjetite se razmatranih pristupa za određivanje tijela tablice i uključivanje podataka u nju.
- Sada dodajte ' ” za početak podnožja tablice.
- Dodajte podatke za podnožje tablice kao red i zatvorite podnožje pomoću '
” oznaka. - Na kraju, zaključite tablicu koristeći ' ” oznaka.
Izlaz
Gore napisani kod generira sljedeći rezultat:
Zaključak
Zaglavlje i podnožje u tablici u CSS-u pomažu u dodavanju više informacija na vrh odnosno dno tablice. Ove informacije pomažu u određivanju o čemu se radi u tablici i pružaju više pojedinosti unutar vrijednosti umetnutih u tablicu. Zajedno, ovo dvoje savršeno uokviruje podatke sadržane u tablici.
- Sada uključite ' ” za početak tijela tablice.