Cara Membuat Merge Cells Otomatis Menggunakan PHP

irnanto.com – Fungsi merge cell adalah mengabungkan dua atau lebih cell menjadi satu dalam sebuah tabel. Di HTML, menggabungkan dua cell menjadi satu atau “merge two cells into one” ada dua jenis yaitu colspan dan rowspan. Merge cells colspan digunakan untuk menggabungkan dua atau lebih kolom menjadi satu dan merge cells rowspan digunakan untuk meggabungkan dua atau lebih baris menjadi satu.

Merge cells sering digunakan pada aplikasi microsoft office seperti microsoft office word dan microsoft office excel untuk mengkombinasikan dua cell atau lebih menjadi satu dalam sebuah tabel. Kali ini irnanto.com membahas penggunaan merge cells pada tabel HTML khususnya penampilan data dinamis menggunakan PHP, yang datanya dimanipulasi jika sama maka akan dibuat penampilan pada tabel HTML menjadi merge cells.

Untuk membuat tabel atau menampilkan tabel dari database dengan menggunakan format merge cells pada cell tabel tertentu maka alangkah baiknya jika kita melihat contoh html table merge cells di bawah ini sebagai gambaran cara menampilkan data dinamis dari database menggunakan PHP.

merge cells rowspan html table

Tabel di atas merupakan tebel yang telah di merged cell. Tetapi sebelum di merged cells, data yang ditampilkan seperti di bawah ini

Bagaimana membuat merge cells

Telah disebutkan sebelumnya jenis merge cells HTML untuk mengkombinasi dua cells menjadi satu. Contoh script HTML merge cells diambil dari penggunaan rowspan pada tabel pertama dan scriptnya seperti di bawah ini.

<table border="1" align="center">
  <tbody>
    <tr>
      <th>Instansi</th>
      <th>Kegiatan</th>
      <th>Anggaran</th>
    </tr>
    <tr>
      <td rowspan="3">Dinas A</td>
      <td>Kegiatan </td>
      <td>400</td>
    </tr>
    <tr>
      <td>Kegiatan B</td>
      <td>300</td>
    </tr>
    <tr>
      <td>Kegiatan C</td>
      <td>420</td>
    </tr>
    <tr>
      <td rowspan="2">Dinas B</td>
      <td>Kegiatan D</td>
      <td>401</td>
    </tr>
    <tr>
      <td>Kegiatan E</td>
      <td>500</td>
      </tr>
    <tr>
      <td rowspan="3">Dinas C</td>
      <td>Kegiatan F</td>
      <td>600</td>
    </tr>
    <tr>
      <td>Kegiatan G</td>
      <td>700</td>
    </tr>
    <tr>
      <td>Kegiatan H</td>
      <td>8800</td>
    </tr>
  </tbody>
</table>

Ok, kita sudah melihat model script hasil penampilan data pada tabel yang telah di merged cell, kali ini bagaimana cara membuat script PHP yang dapat menampilkan data otomatis menyesuikan data yang sama agar membuat table merge cell. Script php merge cells tabel seperti dibawah ini.

<?php
mysql_connect("localhost","root","") or die("gagal terkoneksi ke server ");
mysql_select_db("db_instansi") or die("gagal memilih database");

$query="SELECT * FROM kantor order by instansi";
$proses=mysql_query($query);
$i=0; 
while($data=mysql_fetch_assoc($proses)){
  $row[$i]=$data;
  $i++;
}
foreach($row as $cell){
  if(isset($total[$cell['instansi']]['jml'])) { 
    $total[$cell['instansi']]['jml']++; 
  }else{
    $total[$cell['instansi']]['jml']=1; 
  }	
}
echo "<table border=\"1\"> 
        <tr> 
            <th>Instansi</th> 
            <th>Kegiatan</th> 
            <th>Anggaran</th>  
        </tr>";
$n=count($row);
$cekinstansi="";
for($i=0;$i<$n;$i++){
  $cell=$row[$i];
  echo '<tr>';
  if($cekinstansi!=$cell['instansi']){
    echo '<td' .($total[$cell['instansi']]['jml']>1?' rowspan="' .($total[$cell['instansi']]['jml']).'">':'>') .$cell['instansi'].'</td>';
    $cekinstansi=$cell['instansi'];
  }
  echo "<td>$cell[kegiatan]</td><td>$cell[anggaran]</td>";
  echo "</tr>";
}
echo "</table>";
?>

Penjelsan script di atas secara singkat ialah data yang di tangkap dari database disimpan dalam variabel row. Hitung jumlah setiap data yang kembar (nama instansi), buat tabel dan tampilkan data dalam perulangan yang sebelumnya di cek dahulu untuk membuat rowspan tabel merge cells.

Sekian dulu yaa pembahasan mengenai Cara Membuat Merge Cells Otomatis Menggunakan PHP lain kali di sambung lagi dengan artikel menarik lainnya