Mi a célja a táblázatcellának a Tailwindben?

Mi A Celja A Tablazatcellanak A Tailwindben



A nagy adathalmazok kezelésekor fontos a megértés rendszerének kialakítása. Ez segít az összes érték kezelésében, és lehetővé teszi számunkra, hogy értékes következtetéseket vonjunk le összegyűjtött adatainkból, és megalapozott döntéseket hozzunk. Számos hatékony adatábrázolási technika létezik, és az egyik legfontosabb a táblázatok formájában történő megjelenítés.

A táblázatcella célja

A Table-Cell egy egyedi bejegyzés a táblázaton belül, amely számos más cellából áll, akárcsak önmagában. A táblázatcellák fő célja az adatok rendezett rögzítése a könnyebb megértés és megértés érdekében. Egy adott pozíciót jelöl egy táblázaton belül, amelyben egy bejegyzés található.

A táblázatcellák típusai

A HTML-ben található táblázatok alapvetően kétféle cellát tartalmaznak. Ezek ' Fejléccellák ” és „ Adatcellák ”. Az alábbiakban részletesebben ismertetjük a különbségeiket és hasonlóságaikat.







Fejléccellák

A fejléccellákat a ' ” címke a HTML Tailwind CSS-ben. Ezek alkotják a táblázat oszlopainak címét. A fejlécek határozzák meg, hogy az adott oszlopban mi legyen az összes érték. Példák a fejlécekre: név, e-mail cím, kapcsolattartási szám, társadalombiztosítási szám stb.



A táblázat fejléccellája az oszlop tetején lesz, az alábbi bejegyzések pedig az adatcellák. Ezek a cellák speciális formázással is rendelkeznek, amelyek megkülönböztetik őket az alábbi adatcelláktól. A fejléccellák nagyobb betűmérettel és félkövér betűkkel vannak megadva, hogy jelentést adjanak az adatcellák tartalmához.



Példa
Az alábbi kódban létrehoztunk egy táblázat fejléccellát a „” címkén keresztül:





< asztal >
< thead >
< tr >
< th > 01. fejléc cella < / th >
< / tr >
< / thead >
< / asztal >

Ebben a kódblokkban:

  • Hozzon létre egy táblázatot a „” címkével.
  • Most használja a „
  • ” címkén belül.
  • Végül zárja be a „
  • ”, „” és „
    ” címkét a táblázat fejléccellájának létrehozásához.
  • Ezután adja meg a 'cellabejegyzést' 01. fejléc cella ” használja a „
  • ” címkét a „
    ” címkéket a táblázatcella kitöltéséhez.

Kimenet



Amint látható, a fejléccella alapértelmezés szerint félkövérrel van szedve.

Adatcellák

Az adatcellákat a ' ” címke a HTML Tailwind CSS-ben. Ezek a cellák egy táblázatban tárolják az összes információt. Ezek a fejléccellák alatt vannak felsorolva, és egy adott fejléc összes bejegyzéséhez tartalmazzák az adatokat. Például, ha a fejléccella a „Név” címet viseli, az alatta lévő adatcellák minden olyan személy nevét tartalmazzák, akikről az adatokat rögzítik.

Az adatcelláknak is van sajátos formázása. Ezek kisebb betűmérettel rendelkeznek, mint a fejléccellák, és a követelményeknek megfelelően egyszerű szöveget vagy számokat tartalmaznak. Ez olyan, hogy a „Név” fejléccellás adatcellákban az érintett személyek neve szerepel, például John, David, Michael és James.

Példa
A kód egy táblázat adatcella létrehozásához a '

” címke alább látható: < fej >
< stílus >
asztal {
border-collapse: összeomlás;
}
td {
határ : 1px tömör fekete;
padding: 10px;
}
< / stílus >
< / fej >
< test >
< asztal >
< tr >
< td >Táblázat-Cell< / td >
< / tr >
< / asztal >

A következő lépések ismertetik a táblázat adatcella létrehozásához szükséges kódot:

  • A „