Kakšen je namen tabele Cell v Tailwind

Kaksen Je Namen Tabele Cell V Tailwind



Pri delu z velikimi množicami podatkov je pomembno ustvariti sistem razumevanja. To pomaga upravljati vse vrednosti in nam omogoča, da iz zbranih podatkov potegnemo dragocene sklepe in sprejemamo premišljene odločitve. Obstaja veliko učinkovitih tehnik za predstavitev podatkov in ena najpomembnejših je v obliki tabel.

Namen Table-Cell

Celica tabele je posamezen vnos v tabeli, ki je sestavljena iz številnih drugih celic, kot je sama. Glavni namen celice tabele je zapisovanje podatkov na urejen način za lažje razumevanje in razumevanje. Označuje določeno mesto v tabeli, v kateri je vnos.

Vrste tabelnih celic

Tabela v HTML ima večinoma dve vrsti celic. To so ' Glavne celice « in » Podatkovne celice ”. Dodatne podrobnosti o njihovih razlikah in podobnostih so navedene spodaj.





Glavne celice

Celice glave so predstavljene z ' ” v HTML Tailwind CSS. Ti sestavljajo naslove stolpcev v tabeli. Glave določajo vse vrednosti v določenem stolpcu. Primeri glav so ime, e-poštni naslov, kontaktna številka, številka socialnega zavarovanja itd.



Celica glave tabele bo na vrhu stolpca, spodnji vnosi pa bodo podatkovne celice. Te celice imajo tudi posebno oblikovanje, ki jih loči od podatkovnih celic, ki sledijo spodaj. Celice glave so določene tako, da imajo večjo velikost pisave in krepke črke za dodajanje pomena vsebini podatkovnih celic.



Primer
V spodnji kodi smo ustvarili celico glave tabele prek oznake »«:



< tabela >
< thead >
< tr >
< th > Celica glave 01 < / th >
< / tr >
< / thead >
< / tabela >

V tem bloku kode:

  • Ustvarite tabelo prek oznake “”.
  • Zdaj uporabite oznako “
    • ”.
  • Na koncu zaprite oznake »
    • «, »« oziroma »
    ”, da ustvarite celico glave tabele.
  • Nato definirajte vnos celice ' Celica glave 01 ” z uporabo oznake “
    		• ” znotraj oznake “
    «, da dokončate celico tabele.

Izhod



Kot vidite, je celica glave privzeto prikazana krepko.

Podatkovne celice

Podatkovne celice so predstavljene z ' ” v HTML Tailwind CSS. Te celice vsebujejo vse informacije v tabeli. Te so navedene pod celicami glave in vsebujejo podatke za vse vnose za določeno glavo. Na primer, če je glava celice naslovljena »Ime«, bodo podatkovne celice pod njo vsebovale imena vseh oseb, za katere so zabeleženi podatki.

Podatkovne celice imajo tudi posebno oblikovanje. Te imajo manjšo velikost pisave kot celice glave in vsebujejo golo besedilo ali številke, kot je določeno z zahtevami. Podatkovne celice pod naslovno celico »Ime« bodo imele imena zadevnih posameznikov, na primer John, David, Michael in James.

Primer
Koda za ustvarjanje podatkovne celice tabele z uporabo '

” je navedena spodaj: < glavo >
< stil >
tabela {
border-collapse: kolaps;
}
td {
meja : 1px polna črna;
oblazinjenje: 10px;
}
< / stil >
< / glavo >
< telo >
< tabela >
< tr >
< td >Tabela-Celica< / td >
< / tr >
< / tabela >

Naslednji koraki pojasnjujejo kodo za ustvarjanje podatkovne celice tabele:

  • Oznaka “