Membuat rowspan pada tabel 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 lebih dari satu jurusan yang sama fakultasnya, maka otomatis kolom fakultas akan digabungkan sesuai jumlah jurusannya. Gambar diatas mungkin lebih bisa menjelaskan maksud dan tujuannya.
Ok untuk itu kita buat dulu tabelnya.
1 | CREATE TABLE IF NOT EXISTS `tbfakultas` ( |
2 | `id` tinyint(3) UNSIGNED NOT NULL AUTO_INCREMENT, |
3 | `fakultas` varchar(30) NOT NULL, |
4 | `jurusan` varchar(50) NOT NULL, |
6 | ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=7 ; |
Setelah itu jangan lupa isi datanya dengan catatan terdapat lebih dari satu jurusan yang fakultasnya sama. Atau sebagai latihan saya berikan sampel datanya sesuai dengan gambar diatas.
1 | INSERT INTO `tbfakultas` (`id`, `fakultas`, `jurusan`) VALUES |
2 | (1, 'Teknik', 'Informatika'), |
3 | (2, 'MIPA', 'Matematika'), |
6 | (5, 'Teknik', 'Industri'), |
7 | (6, 'Pertanian', 'Perikanan'); | | | |
Nah sekarang masuk ke intinya. Berikut script php untuk menampilkan data pada tabel dengan rowspan dinamis seperti ditunjukkan oleh gambar yang disebelah kanan.
Untuk koneksi databasenya sesuaikan dengan punya anda masing-masing. Pada contoh diatas saya menggunakan localhost dengan user root dan "test" sebagai nama database.
Ok sekian dulu untuk kali ini dan mudah-mudahan bisa bermanfaat.
Sumber : http://blog.didinsino.com/2013/04/rowspan-dinamis-ketika-menampilkan-data.html
Agung Sugiarto
Tidak ada komentar:
Posting Komentar