Apakah Tujuan Sel Meja dalam Tailwind

Apakah Tujuan Sel Meja Dalam Tailwind



Semasa berurusan dengan set data yang besar, adalah penting untuk mewujudkan sistem pemahaman. Ini membantu mengurus semua nilai dan membolehkan kami membuat kesimpulan yang berharga daripada data yang kami kumpulkan dan membuat keputusan termaklum. Terdapat banyak teknik perwakilan data yang cekap dan salah satu yang paling penting ialah dalam bentuk jadual.

Tujuan Sel Meja

Table-Cell ialah entri individu dalam jadual yang terdiri daripada beberapa sel lain seperti dirinya. Tujuan utama Sel Jadual adalah untuk merekod data dengan teratur untuk pemahaman dan pemahaman yang lebih mudah. Ia menandakan kedudukan tertentu dalam jadual di mana entri terkandung.

Jenis-jenis Sel Meja

Jadual dalam HTML terutamanya mempunyai dua jenis sel. Ini adalah ' Sel Pengepala ” dan “ Sel Data ”. Butiran lanjut mengenai perbezaan dan persamaan mereka diberikan di bawah.





Sel Pengepala

Sel Pengepala diwakili oleh ' teg ” dalam HTML Tailwind CSS. Ini membentuk tajuk lajur dalam jadual. Pengepala menentukan semua nilai dalam lajur tertentu. Contoh pengepala ialah Nama, Alamat E-mel, Nombor Hubungan, Nombor Keselamatan Sosial, dsb.



Sel Pengepala jadual akan berada di bahagian atas lajur dan entri di bawah ialah sel data. Sel ini juga mempunyai pemformatan khusus untuk membezakannya daripada sel data yang mengikuti di bawah. Sel Pengepala ditentukan untuk mempunyai saiz fon yang lebih besar dan huruf tebal untuk menambah makna pada kandungan dalam sel data.



Contoh
Dalam kod di bawah, kami telah mencipta sel pengepala Jadual melalui teg '':



< meja >
< thead >
< tr >
< ke > Sel Pengepala 01 < / ke >
< / tr >
< / thead >
< / meja >

Dalam blok kod ini:

  • Buat jadual melalui teg “”.
  • Sekarang, gunakan teg “
    • ”.
  • Akhir sekali, tutup teg '
    • ', '' dan '
    ” untuk mencipta sel pengepala jadual.
  • Kemudian, tentukan entri sel ' Sel Pengepala 01 ” menggunakan teg “
    		• ” dalam teg “
    ', masing-masing untuk melengkapkan sel jadual.

Pengeluaran



Seperti yang dilihat, sel pengepala dipaparkan dalam huruf tebal secara lalai.

Sel Data

Sel Data diwakili oleh ' teg ” dalam HTML Tailwind CSS. Sel-sel ini menyimpan semua maklumat dalam jadual. Ini disenaraikan di bawah sel pengepala dan mengandungi data untuk semua entri untuk pengepala tertentu. Contohnya, jika sel pengepala bertajuk 'Nama', sel data di bawahnya akan mengandungi nama semua kakitangan yang mana data direkodkan.

Sel data juga mempunyai pemformatan tertentu. Ini mempunyai saiz fon yang lebih kecil daripada sel pengepala dan mengandungi teks atau nombor biasa, mengikut keperluan. Oleh itu, Sel Data di bawah Sel Pengepala 'Nama' akan mempunyai nama individu berkenaan contohnya John, David, Michael, dan James.

Contoh
Kod untuk mencipta sel data Jadual menggunakan '

tag ” diberikan di bawah: < kepala >
< gaya >
meja {
border-collapse: runtuh;
}
td {
sempadan : 1px hitam pejal;
padding: 10px;
}
< / gaya >
< / kepala >
< badan >
< meja >
< tr >
< td >Sel Meja< / td >
< / tr >
< / meja >

Langkah berikut menerangkan kod untuk mencipta sel data Jadual:

  • Teg '