Kokia yra lentelės langelio paskirtis Tailwind

Kokia Yra Lenteles Langelio Paskirtis Tailwind



Dirbant su dideliais duomenų rinkiniais, svarbu sukurti supratimo sistemą. Tai padeda valdyti visas vertybes ir leidžia daryti vertingas išvadas iš surinktų duomenų ir priimti pagrįstus sprendimus. Yra daug veiksmingų duomenų pateikimo metodų, o vienas iš svarbiausių yra lentelių forma.

Lentelės langelio paskirtis

Lentelės langelis yra individualus lentelės įrašas, sudarytas iš daugybės kitų langelių, kaip ir jis pats. Pagrindinis lentelės langelio tikslas yra tvarkingai įrašyti duomenis, kad būtų lengviau juos suprasti ir suprasti. Tai reiškia tam tikrą vietą lentelėje, kurioje yra įrašas.

Lentelių langelių tipai

HTML lentelėje daugiausia yra dviejų tipų langeliai. Šitie yra ' Antraštės langeliai “ ir „ Duomenų langeliai “. Išsamesnė informacija apie jų skirtumus ir panašumus pateikiama toliau.





Antraštės langeliai

Antraštės langeliai žymimi „ “ žymą HTML Tailwind CSS. Tai sudaro lentelės stulpelių pavadinimus. Antraštės apibrėžia, kokios bus visos reikšmės konkrečiame stulpelyje. Antraštių pavyzdžiai yra vardas, el. pašto adresas, kontaktinis numeris, socialinio draudimo numeris ir kt.



Lentelės antraštės langelis bus stulpelio viršuje, o žemiau esantys įrašai bus duomenų langeliai. Šie langeliai taip pat turi specifinį formatavimą, kad būtų galima atskirti juos nuo toliau pateiktų duomenų langelių. Nurodyta, kad antraštės langeliai turi didesnį šrifto dydį ir paryškintas raides, kad būtų suteikta reikšmė duomenų langelių turiniui.



Pavyzdys
Žemiau esančiame kode sukūrėme lentelės antraštės langelį naudodami „“ žymą:



< stalo >
< thead >
< tr >
< th > Antraštės langelis 01 < / th >
< / tr >
< / thead >
< / stalo >

Šiame kodo bloke:

  • Sukurkite lentelę naudodami žymą „“.
  • Dabar naudokite žymą „
    • “.
  • Galiausiai uždarykite žymas „
    • “, „“ ir „
    “, kad sukurtumėte lentelės antraštės langelį.
  • Tada apibrėžkite langelio įrašą ' Antraštės langelis 01 “ naudodami žymą „
    		• “, esančią žymoje „
    “, kad užpildytumėte lentelės langelį.

Išvestis



Kaip matote, pagal numatytuosius nustatymus antraštės langelis rodomas paryškintu šriftu.

Duomenų langeliai

Duomenų langeliai žymimi „ “ žymą HTML Tailwind CSS. Šiose ląstelėse yra visa lentelės informacija. Jie yra išvardyti po antraštės langeliais ir juose yra visų konkrečios antraštės įrašų duomenys. Pavyzdžiui, jei antraštės langelis pavadintas „Vardas“, po juo esančiuose duomenų langeliuose bus visų darbuotojų, kuriems įrašomi duomenys, vardai.

Duomenų langeliai taip pat turi tam tikrą formatavimą. Jų šrifto dydis yra mažesnis nei antraštės langeliuose ir juose yra paprastas tekstas arba skaičiai, atsižvelgiant į reikalavimus. Tai yra tokia, kad duomenų langeliai, esantys antraštės langelyje „Vardas“, turės susijusių asmenų vardus, pvz., Jono, Davido, Michaelo ir Jameso.

Pavyzdys
Kodas, skirtas sukurti lentelės duomenų langelį naudojant „

“ žyma pateikta žemiau: < galva >
< stilius >
stalo {
border-collapse: griūtis;
}
td {
siena : 1px vientisa juoda;
pamušalas: 10px;
}
< / stilius >
< / galva >
< kūnas >
< stalo >
< tr >
< td >Lentelės langelis< / td >
< / tr >
< / stalo >

Šie veiksmai paaiškina kodą, skirtą lentelės duomenų langeliui sukurti:

  • Žyma „