Mis on tabelipäise rühma ja tabeli jaluse rühma kasutamine CSS-is?

Tabeli päis ja jalus on mõlemad tekstiplokid, mis on paigutatud vastavalt tabeli algusesse ja lõppu. Neid kasutatakse tabeli kohta lisateabe pakkumiseks ja need võivad aidata määratleda konkreetses tabelis sisalduvaid väärtusi. Tabeli päise elementi tähistab ' ', samas kui tabeli jalust tähistab ' ” silti.

Mis on tabelipäise rühm?

CSS-is on ' Tabeli-päise rühm ' kasutatakse tabeli päise kuvamiseks ' ” silti. Päis vastab vertikaalse veeru esimesele kirjele. See määrab teabe tabelikirjete kohta. Päis võib vajaduse korral hõlmata ka mitut veergu. Seda saab teha CSS-is tabeli-veerurühma loomisega.

Näide
Tabeli päis on teistest tabeli kirjetest erineva vorminguga, et seda visuaalselt eristada. Tavaliselt tähistatakse neid rasvases kirjasuuruses või ülemises skaalas oleva tekstiga. Nimede “Mehed” ja “Naised” loetlemisel saame määrata need päistena eraldi reale, nagu on näidatud allolevas näites:

< laud >
< thead >
< tr >
< th > Mehed < / th >
< th > Naised < / 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 > Rebecca < / td >
< / tr >
< / tbody >
< / laud >

Järgmised sammud selgitavad, kuidas luua tabelipäist.

Lisage ' ” sildi tabeli loomiseks.
Järgmises etapis määrake ' ” silt, mis viitab tabeli päisele.
Lisage päise väärtused reana märgendi „” kaudu ja sulgege päis märgendi „” kaudu.
Nüüd lisage ' ” tag, et alustada tabeli kehaosa.
Sisestage iga rea andmed märgendi „” abil.
Lõpetage tabeli põhiosa ja tabel ' ” ja „ ” sildid vastavalt.

Väljund

Mis on tabelijaluse rühm?

' Tabel-jaluse rühm ' kasutatakse tabeli jaluse kuvamiseks CSS-is, kasutades ' ” silti. Jalus annab ka teavet tabeli sisu kohta, mis aitab lugejal andmeid selgemalt mõista. Kasutades sama näidet eelmisest osast, lisage jalus, mis annab tabeli igas veerus 'Mehed' ja 'Naised' kirjete koguarvu.

Näide
Ülevaade järgmisest näitest, mis selgitab käsitletavat kontseptsiooni:

< laud >
< thead >
< tr >
< th >Mehed< / th >
< th > Naised< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >Taavet< / td >
< td > Laura< / td >
< / tr >
< tr >
< td >Jakob< / td >
< td >Rebecca< / td >
< / tr >
< / tbody >
< tjalg >
< tr >
< td klass = 'bg-grey-200' >Kokku 03< / td >
< td klass = 'bg-grey-200' >Kokku 03< / td >
< / tr >
< / tjalg >
< / laud >

Järgmised sammud selgitavad tabelijaluse loomise samme.

Sarnaselt eelmisele näitele lisage ' ” silt tabeli loomiseks/kaasamiseks.
Kaasake ' ” tag, et määrata tabeli päis.
Nüüd lisage samamoodi päise pealkirjad reana ja sulgege päis ' ” silti.
Tuletage meelde käsitletud lähenemisviise tabeli keha täpsustamiseks ja andmete lisamiseks.
Nüüd lisage ' ” sildi tabelijaluse alustamiseks.
Lisage tabeli jaluse andmed reana ja sulgege jalus, kasutades ' ” silti.
Lõpuks lõpetage tabel, kasutades ' ” silti.

Väljund
Eespool kirjutatud kood genereerib järgmise tulemuse:

Järeldus

CSS-i tabeli päis ja jalus aitavad lisada rohkem teavet vastavalt tabeli üla- ja alaossa. See teave aitab kindlaks teha, mida tabel endast kujutab, ja annab tabelisse sisestatud väärtuste kohta rohkem üksikasju. Need kaks koos raamivad suurepäraselt tabelisse kapseldatud andmed.

Mis on tabelipäise rühma ja tabeli jaluse rühma kasutamine CSS-is?