Mikä on taulukkosolun tarkoitus Tailwindissä

Mika On Taulukkosolun Tarkoitus Tailwindissa



Suuria tietojoukkoja käsiteltäessä on tärkeää luoda ymmärrysjärjestelmä. Tämä auttaa hallitsemaan kaikkia arvoja ja antaa meille mahdollisuuden tehdä arvokkaita johtopäätöksiä keräämistämme tiedoista ja tehdä tietoisia päätöksiä. Tietojen esittämiseen on monia tehokkaita tekniikoita, joista yksi tärkeimmistä on taulukkomuodossa.

Taulukkosolun tarkoitus

Taulukkosolu on yksittäinen merkintä taulukossa, joka koostuu useista muista soluista, kuten se itse. Taulukkosolun päätarkoitus on tallentaa tiedot järjestyksessä, jotta se on helpompi ymmärtää ja ymmärtää. Se tarkoittaa tiettyä sijaintia taulukossa, johon merkintä sisältyy.

Taulukkosolujen tyypit

HTML-taulukossa on pääasiassa kahdenlaisia ​​soluja. Nämä ovat ' Otsikkosolut ' ja ' Tietosolut ”. Alla on lisätietoja niiden eroista ja yhtäläisyyksistä.





Otsikkosolut

Otsikkosoluja edustaa ' ”-tunniste HTML Tailwind CSS:ssä. Nämä muodostavat taulukon sarakkeiden otsikot. Otsikot määrittelevät, mitkä kaikki tietyn sarakkeen arvot ovat. Esimerkkejä otsikoista ovat nimi, sähköpostiosoite, yhteysnumero, sosiaaliturvatunnus jne.



Taulukon otsikkosolu on sarakkeen yläosassa ja alla olevat merkinnät ovat tietosoluja. Näillä soluilla on myös erityinen muotoilu, joka erottaa ne alla olevista tietosoluista. Otsikkosoluissa on suurempi fonttikoko ja lihavoitu kirjaimet, jotka lisäävät merkitystä tietosolujen sisällölle.



Esimerkki
Alla olevaan koodiin olemme luoneet taulukon otsikkosolun -tunnisteen avulla:



< pöytä >
< thead >
< tr >
< th > Otsikkosolu 01 < / th >
< / tr >
< / thead >
< / pöytä >

Tässä koodilohkossa:

  • Luo taulukko -tunnisteen avulla.
  • Luo nyt taulukon otsikkosolu
    • ' -tunnisteen sisällä.
  • Sulje lopuksi tunnisteet '
    • ', '' ja '
    -tunnisteen avulla.
  • Määritä sitten solumerkintä ' Otsikkosolu 01 ' käyttämällä '
    		• ' -tunnistetta '
    ' täydentääksesi taulukon solua.

Lähtö



Kuten näkyy, otsikkosolu näytetään oletuksena lihavoituna.

Tietosolut

Tietosoluja edustaa ' ”-tunniste HTML Tailwind CSS:ssä. Näissä soluissa on kaikki tiedot taulukossa. Ne on lueteltu otsikkosolujen alla ja sisältävät tiedot kaikista tietyn otsikon merkinnöistä. Esimerkiksi, jos otsikkosolun otsikko on ”Nimi”, sen alla olevissa soluissa on kaikkien niiden henkilöiden nimet, joille tiedot on tallennettu.

Tietosoluissa on myös erityinen muotoilu. Näillä on pienempi fonttikoko kuin otsikkosoluissa ja ne sisältävät pelkkää tekstiä tai numeroita vaatimusten mukaisesti. Se on sellainen, että 'Nimi'-otsikkosolun alla olevissa tietosoluissa on kyseisten henkilöiden nimet, esimerkiksi John, David, Michael ja James.

Esimerkki
Koodi taulukon tietosolun luomiseksi käyttämällä '

'-tunniste on annettu alla: < pää >
< tyyli >
pöytä {
border-collapse: romahtaa;
}
td {
rajaa : 1px tasainen musta;
täyte: 10px;
}
< / tyyli >
< / pää >
< kehon >
< pöytä >
< tr >
< td >Taulukkosolu< / td >
< / tr >
< / pöytä >

Seuraavat vaiheet selittävät koodin taulukon tietosolun luomiseksi:

  • '