Koja je svrha ćelije tablice u Tailwindu

Koja Je Svrha Celije Tablice U Tailwindu



Dok se radi s velikim skupovima podataka, važno je stvoriti sustav razumijevanja. To pomaže u upravljanju svim vrijednostima i omogućuje nam izvlačenje vrijednih zaključaka iz naših prikupljenih podataka i donošenje informiranih odluka. Postoje mnoge učinkovite tehnike predstavljanja podataka, a jedna od najvažnijih je u obliku tablica.

Svrha Table-Cell

Ćelija tablice pojedinačni je unos unutar tablice koja se sastoji od niza drugih ćelija poput nje same. Glavna svrha ćelije tablice je bilježenje podataka na uredan način radi lakšeg razumijevanja i razumijevanja. Označava određenu poziciju unutar tablice u kojoj je sadržan unos.

Vrste tabličnih ćelija

Tablica u HTML-u uglavnom ima dvije vrste ćelija. Ovi su ' Ćelije zaglavlja ' i ' Podatkovne ćelije ”. Daljnji detalji o njihovim razlikama i sličnostima navedeni su u nastavku.





Ćelije zaglavlja

Ćelije zaglavlja predstavljene su s ' ” u HTML Tailwind CSS. Oni čine naslove stupaca u tablici. Zaglavlja definiraju koje će sve vrijednosti biti u određenom stupcu. Primjeri zaglavlja su ime, e-adresa, kontakt broj, broj socijalnog osiguranja itd.



Ćelija zaglavlja tablice bit će na vrhu stupca, a unosi ispod bit će podatkovne ćelije. Ove ćelije također imaju specifično oblikovanje koje ih razlikuje od podatkovnih ćelija koje slijede u nastavku. Ćelije zaglavlja određene su tako da imaju veću veličinu fonta i podebljana slova za dodavanje značenja sadržaju u podatkovnim ćelijama.



Primjer
U donjem kodu stvorili smo ćeliju zaglavlja tablice putem oznake “”:



< stol >
< thead >
< tr >
< th > Ćelija zaglavlja 01 < / th >
< / tr >
< / thead >
< / stol >

U ovom bloku koda:

  • Napravite tablicu pomoću oznake “”.
  • Sada upotrijebite oznaku “
    • ”.
  • Na kraju zatvorite oznake “
    • ”, “” i “
    ” za stvaranje ćelije zaglavlja tablice.
  • Zatim definirajte unos ćelije ' Ćelija zaglavlja 01 ” koristeći oznaku “
    		• ” unutar oznake “
    ” kako biste dovršili ćeliju tablice.

Izlaz



Kao što se vidi, ćelija zaglavlja je prema zadanim postavkama prikazana podebljano.

Podatkovne ćelije

Podatkovne ćelije predstavljene su ' ” u HTML Tailwind CSS. Ove ćelije sadrže sve informacije unutar tablice. One su navedene ispod ćelija zaglavlja i sadrže podatke za sve unose za određeno zaglavlje. Na primjer, ako je ćelija zaglavlja naslovljena 'Ime', podatkovne ćelije ispod nje sadržavat će imena svih osoba za koje su podaci zabilježeni.

Podatkovne ćelije također imaju posebno oblikovanje. Oni imaju manju veličinu fonta od ćelija zaglavlja i sadrže običan tekst ili brojeve, prema zahtjevima. To je tako da će podatkovne ćelije ispod ćelije zaglavlja 'Ime' imati imena dotičnih pojedinaca, na primjer John, David, Michael i James.

Primjer
Kôd za stvaranje podatkovne ćelije tablice pomoću '

” navedena je ispod: < glava >
< stil >
stol {
border-collapse: kolaps;
}
td {
granica : 1px puna crna;
ispuna: 10px;
}
< / stil >
< / glava >
< tijelo >
< stol >
< tr >
< td >Tablica-Ćelija< / td >
< / tr >
< / stol >

Sljedeći koraci objašnjavaju kod za stvaranje podatkovne ćelije tablice:

  • Oznaka “