Cara Membuat Merge Cells Otomatis Menggunakan PHP

By . Kategori: PHP, Web Tags:

irnanto.comFungsi 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

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

InstansiKegiatanAnggaran
Dinas AKegiatan A400.000
Dinas AKegiatan B300.000
Dinas AKegiatan C420.000
Dinas BKegiatan D401.000
Dinas BKegiatan E500.000
Dinas CKegiatan F600.000
Dinas CKegiatan G700.000
Dinas CKegiatan H8.800.000

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

Satu komentar untuk “Cara Membuat Merge Cells Otomatis Menggunakan PHP”

  • wanri Irpandi Simamora

    Thx gan, akhir nya nemu disini merge cell otomatis,
    pas banget buat list laporan penjualan bulanan

Tinggalkan Komentar

Batal membalas komentar