Cara Menggabungkan Sel Tabel (Attribut Rowspan dan Colspan)

-

Pertama-tama apa sih itu Attribut Rowspan dan Colspan?

Atribut Rowspan digunakan untuk menggabungkan baris pada tabel. Sedangkan Atribut Colspan digunakan untuk menggabungkan kolom pada tabel

Contoh Penggunaan Rowspan dan Colspan : 

<table class="table" border="2">
  <thead class="thead-dark">
    <tr>
        <th rowspan="2">No</th>
        <th rowspan="2">First Name</th>
        <th rowspan="2">Last Name</th>
        <th colspan="3">Life Style</th>
    </tr>

Dalam contoh di atas, kita dapat melihat bahwa tag th yang memiliki Attribut Colspan,  akan membuat sel tabel bersatu dengan kolom disebelahnya. Sedangkan atribut Rowspan akan membuat sel tabel bersatu dengan baris dibawahnya. Kedua atribut ini membutuhkan nilai (value), dimana nilai ini adalah seberapa banyak sel tabel yang dibuat ‘bersatu’. Misalkan Colspan="3" akan membuat 3 kolom bergabung menjadi 1 sel, dan Rowspan="2" akan membuat sel tabel bersatu dengan 1 baris dibawahnya. Attribut Colspan dan Rowspan dapat juga digunakan dalam tag td.

Output / Hasil dari contoh di atas :

Dalam membuat tabel dengan Attribut Rowspan dan Colspan, anda sebaiknya telah mengkalkulasi seberapa besar tabel yang akan dibuat, karena dengan semakin kompleks tabel, akan semakin rumit untuk menggabungkan beberapa sel tabel tersebut.

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Website Pembelian Tiket Pesawat dengan PHP dan SQL

-
Gambar
  Dalam sebuah system e-commerce tentunya harus terdapat database yang dapat menangani beberapa hal seperti: menangani database produk yang akan dijual, menangani pencatatan order yang masuk, produk apa yang di pesan, seberapa banyak produk tersebut dipesan. Tabel- Tabel dalam database yang kita perlukan untuk membuat Pembelian Tiket Pesawat : Tentu saja kita membutuhkan codingan PHP untuk membuat struktur design. Codingan yang akan kita perlukan : 1. koneksi.php 2.Tampilan User : - index.php                                      - login.php                                     - register.php                                       - pesanan.php  ...
Baca selengkapnya

Membuat program dengan 5 Struktur Kontrol pada bahasa PHP

-
Gambar
<?php while ( true ) {   echo "Hello \n " ;     break ; //saya menambah break dikarenakan loop yang dilakukan pada codingan diatas terlalu banyak } $siswa = array ( "Udin," , " Pesulap Merah" , " dan Gus Samsudin" ); foreach ( $siswa as $pelajar ) {   echo " $pelajar " ; } $favwarna = "hijau" ; switch ( $favwarna ) {   case "merah" :     echo "<br> Warna favorit anda adalah Merah <br>" ;     break ;   case "hijau" :     echo "<br> Warna favorit anda adalah Hijau <br>" ;     break ;   default :     echo "<br> Anda tidak memiliki warna favorit <br>" ; } for ( $x = 10 ; $x < 100 ; $x += 65 ) {         if ( $x == 10 ) {             continue ;         }     echo "Nilai rata-rata kalian: $x <br>" ; } $nilai = 75 ; if ( $nilai > 60 ) {   echo "Nilai kal...
Baca selengkapnya