Apa itu Grup Tabel-Kolom?
Grup Tabel-Kolom, seperti namanya, adalah grup sel dari beberapa kolom. Semua nilai dalam kolom tertentu terkait satu sama lain. Tabel-Kolom menampung elemen yang mencakup banyak kolom. Kami menggunakan “
Contoh
Dalam tabel tentang biodata karyawan perusahaan di mana 'Nama', 'Usia', dan 'Tinggi' dicatat, setiap kolom biru sesuai dengan karyawan tertentu, ditunjukkan dalam contoh berikut:
< meja >
< colgroup >
< kol gaya = 'warna latar belakang: merah muda' >
< kol menjangkau = '3' gaya = 'warna latar belakang: biru muda' >
< / colgroup >
< tr >
< td > Nama < / td >
< td > Michael < / td >
< td > Yakobus < / td >
< td > Daud < / td >
< / tr >
< tr >
< td > Usia < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Tinggi < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / meja >
Ikuti langkah-langkah yang diberikan di bawah ini sesuai dengan kode di atas:
- Mulailah dengan membuat tabel dan tambahkan
menandai. - Menggunakan menjangkau kelas utilitas dan tentukan jumlah kolom yang akan dikelompokkan bersama.
- Sekarang, tutup colgroup menggunakan menandai.
- Juga, masukkan data yang dinyatakan dalam baris tabel menggunakan
Dan tag. - Tutup tabel melalui menandai.
Keluaran
'Bentang' sel dalam tabel dalam HTML menunjukkan berapa banyak kolom yang dapat dicakup oleh satu sel. Ini menawarkan penggunaan yang sama dengan fungsi sel 'gabungkan' di Microsoft Excel.
Apa itu Grup Tabel-Baris?
Grup Tabel-Row adalah pengikatan beberapa baris bersama untuk membuat satu grup. Elemen tunggal mencakup banyak baris. Dilakukan melalui “
” tag. Contoh
Tabel berikut yang menampilkan penjualan yang dilakukan oleh karyawan dalam satu bulan dapat ditampilkan dengan mengelompokkan baris yang berisi nama bulan terhadap beberapa nama karyawan. Kemudian, penjualan mereka dapat ditampilkan sesuai dengan namanya. Kami telah mengilustrasikan hal yang sama dalam kode di bawah ini:
< meja kelas = 'boew-zebra basah' >
< colgroup >
< kol >
< kol >
< / colgroup >
< tubuh >
< tr >
< th colspan = '9' > PENJUALAN BULANAN ( $ ) < / th >
< / tr >
< tr >
< th bentang baris = '4' > Mei 2023 < / th >
< th >Yakobus< / th >
< td > 1434 < / td >
< / tr >
< tr >
< th >Mikhael< / th >
< td > 1700 < / td >
< / tr >
< tr >
< th >Yohanes< / th >
< td > 1299 < / td >
< / tr >
< / tubuh >
< tubuh >
< tr >
< th bentang baris = '4' > Juni 2023 < / th >
< th >Yakobus< / th >
< td > 1256 < / td >
< / tr >
< tr >
< th >Mikhael< / th >
< td > 1975 < / td >
< / tr >
< tr >
< th >Yohanes< / th >
< td > 1883 < / td >
< / tr >
< / tubuh >
< / meja >Dalam kode yang disebutkan di atas:
- Tentukan tabel dan tambahkan
menandai. - Tentukan pengelompokan kolom menggunakan colspan kelas utilitas.
- Demikian juga, tentukan pengelompokan baris melalui bentang baris kelas utilitas.
- Sekarang, masukkan data penjualan semua individu untuk setiap dua bulan.
- Terakhir, tutup tabel menggunakan menandai.
Keluaran
Kesimpulan
Sel individual dalam tabel dapat dikelompokkan jika satu nilai sesuai dengan beberapa entri lainnya. Kami juga mengamati bahwa tabel dapat dikelompokkan berdasarkan kolom atau baris. Keduanya memiliki fungsi masing-masing dan dapat digunakan kapan pun diperlukan.