Membuat Rowspan Dinamis Ketika Menampilkan Data dari Database

Membuat rowspan pada tabel database adalah hal yang cukup mudah bagi yang sudah belajar html. Namun lain halnya jika data yang disajikan di tabel berasal dari database karena kita tidak tahu berapa besar rowspan-nya. Sekedar tambahan untuk yang belum tahu, rowspan artinya menggabungkan dua baris atau lebih (sesuai besarnya attribut rowspan) pada tabel. Sama halnya dengan fasilitas merge cells pada excel.
Sebagai contoh misalkan kita mempunyai tabel (pada database) yang berisi data fakultas dan jurusan. Dari data ini kita ingin menampilkan data jurusan dikelompokkan berdasarkan fakultasnya

Jadi, misalnya terdapat satu jurusan yang sama fakultasnya, maka otomatis kolom fakultas akan digabungkan sesuai jumlah jurusannya. Gambar diatas mungkin lebih bisa menjelaskan maksud dan tujuannya. Kita buat dulu tabelnya.
tbfakultas.sql

CREATE TABLE IF NOT EXISTS `tbfakultas` (
`id` tinyint(3) unsigned NOT NULL,
  `fakultas` varchar(30) NOT NULL,
  `jurusan` varchar(50) NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=latin1;

Setelah itu insert(masukan) datanya ke dalam databasenya agar terlihat seperti gambar di atas.

INSERT INTO `tbfakultas` (`id`, `fakultas`, `jurusan`) VALUES
(1, 'Teknik', 'Informatika Dan Manajemen'),
(2, 'MIPA', 'Matematika'),
(3, 'HUKUM', 'Hukum Tata Negara'),
(4, 'KEDOKTERAN', 'Dokter Mata'),
(5, 'Teknik', 'Industri'),
(6, 'SOSPOL', 'Sosial Politik');

Berikut script php untuk menampilkan data pada tabel dengan rowspan dinamis seperti ditunjukkan oleh gambar diatas.

<?php
mysql_connect('localhost','root','');
mysql_select_db('tbfakultas');
$sql = mysql_query("SELECT A.*, (SELECT COUNT(fakultas) FROM tbfakultas WHERE fakultas=A.fakultas) AS jumlah FROM tbfakultas A ORDER BY A.fakultas");
$no = 1;
$jum = 1;
echo '<center>';
echo '<table cellpadding="5 " border="1">';
echo '<tr><th>No</th><th>Fakultas</th><th>Jurusan</th></tr>';
while($row = mysql_fetch_array($sql)) {       
    echo '<tr>';
    if($jum <= 1) {
        echo '<td align="center" rowspan="'.$row['jumlah'].'">'.$no.'</td>';
        echo '<td rowspan="'.$row['jumlah'].'">'.$row['fakultas'].'</td>';  
        $jum = $row['jumlah'];       
        $no++;                     
    } else {
        $jum = $jum - 1;
    }
    echo '<td>'.$row['jurusan'].'</td>';   
    echo '</tr>';              
}
echo '</table>';
echo '</center>';
?>

Sekarang Jalankan file phpnya yang telah di buat.

• Download

Membuat Tabel Rawspan HTML

sourcode

<center>
<TABLE BORDER=2 CELLPADDING=4>
<TR>
    <TH ROWSPAN=3 BGCOLOR="#668dff">Production</TH>
    <TD>Raha Mutisya</TD> <TD>1493</TD>
    </TR>
<TR>
    <TD>Apradiz exploded</TD> <TD>3829</TD> 
    </TR>
<TR>
    <TD>Brandy Davis</TD> <TD>0283</TD>
    </TR>
<TR>
    <TH ROWSPAN=3 BGCOLOR="#668dff">Sales</TH>
    <TD>Claire Horne</TD> <TD>4827</TD>
    </TR>
<TR>
    <TD>Bruce Eckel</TD> <TD>7246</TD>
    </TR>
<TR>
    <TD>keyz </TD> <TD>5689</TD>
    </TR>
</TABLE>
</center>

Sumber :
http://blog.didinsino.com
http://www.htmlcodetutorial.com

Share This :