Colgroup dalam Table

Membuat beberapa kolom memiliki warna yang berbeda ternyata sangat mudah, menggunakan CSS sebenarnya bisa. Namun, tag dalam html pun bisa melakukannya. Cukup dengan sematkan tag <colgroup> dan <col>. Lalu, apa maksudnya colgroup? Kalian akan segera tahu setelah mempraktikkan langkah-langkah berikut:

1. Buat kode htmlnya seperti berikut :

2. Save dan lihat hasilnya!

Sudah mulai paham dengan melihat gambar di atas? Jadi, colgroup akan membuat kolom memiliki style seperti yang kita kehendaki atau yang kita inginkan sesuai dengan kolom yang telah ditentukan.

Seperti contohnya pada kolom nama, kita ingin membuatnya menjadi warna kuning dari atas sampai bawah. Cukup dengan menuliskan kode <col style="background-color:#f1c40f" />.

Tidak hanya style. Jika kita ingin kolom nama berukuran 500px, kita hanya tinggal menambahkan width="500px" pada colgroup sehingga menjadi seperti berikut : <col width="500px" style="background-color:#f1c40f" />.

Sangat mudah ya? Semoga bermanfaat ya :)