Kaj je skupina glav tabele?
V CSS je » Skupina glave tabele « se uporablja za prikaz glave tabele prek » ' oznaka. Glava ustreza prvemu vnosu v navpičnem stolpcu. Podaja informacije o vnosih v tabelo. Glava lahko po potrebi zajema tudi več stolpcev. To lahko izvedete z ustvarjanjem skupine tabela-stolpec v CSS.
Primer Naslednji koraki pojasnjujejo, kako ustvariti glavo tabele: Izhod ' Skupina nog tabele « se uporablja za prikaz noge tabele v CSS s pomočjo » ' oznaka. Noga podaja tudi informacije o vsebini tabele, ki lahko bralcu pomagajo pri jasnejšem razumevanju podatkov. Z uporabo istega primera iz prejšnjega dela dodajte nogo, ki podaja skupno število vnosov v vsakem stolpcu za »moške« in »ženske« v tabeli. Primer Naslednji koraki pojasnjujejo korake za ustvarjanje noge tabele: Izhod Glava in noga v tabeli v CSS pomagata dodati več informacij na vrh oziroma dno tabele. Te informacije pomagajo ugotoviti, za kaj gre v tabeli, in nudijo več podrobnosti v vrednostih, vstavljenih v tabelo. Ta dva skupaj odlično uokvirjata podatke, zajete v tabeli.
Glava tabele ima drugačno oblikovanje od ostalih vnosov v tabeli, da jo vizualno ločite. Ti so običajno predstavljeni s krepko velikostjo pisave ali z zgornjim besedilom. Ko navajamo imena »moški« in »ženske«, jih lahko dodelimo kot glave v ločeni vrstici, kot je prikazano v spodnjem primeru:
< tabela >
< thead >
< tr >
< th > moški < / th >
< th > ženske < / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > James < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Jacob < / td >
< td > Rebeka < / td >
< / tr >
< / tbody >
< / tabela >
” in zaprite glavo prek oznake “ ”.
Kaj je skupina nog tabele?
Pregled naslednjega primera, ki pojasnjuje obravnavani koncept:
< thead >
< tr >
< th >Moški< / th >
< th >Ženske< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >David< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jakob< / td >
< td >Rebecca< / td >
< / tr >
< / tbody >
< tfoot >
< tr >
< td razred = 'bg-siva-200' >Skupaj 03< / td >
< td razred = 'bg-siva-200' >Skupaj 03< / td >
< / tr >
< / tfoot >
< / tabela >
Zgoraj napisana koda ustvari naslednji rezultat:
Zaključek