Monday, 13 July 2015

PHP :: Membuat Laporan Excel dengan PHP dan jQuery


Langkah 1

Terlebih dahulu, buatlah sebuah file untuk menampilkan data dari database MySQL. Pastikan data yang ditampilkan dalam bentuk tabel. Misal seperti berikut.
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<table id="tabelExport">
<thead>
<tr>
<th width="7%">No.</th>
<th width="30%">Nama</th>
<th width="40%">Kota Asal</th>
<th width="23%">No. Hp</th>
</tr>
</thead>
 
<tbody>
<?php
$i = 1;
$query = mysql_query("SELECT * FROM karyawan ");
while($fetch = mysql_fetch_array($query)) {
?>
<tr>
<td><?php echo $i; ?></td>
<td><?php echo $fetch['nama_karyawan']; ?></td>
<td><?php echo $fetch['kota_asal']; ?></td>
<td><?php echo $fetch['hp']; ?></td>
</tr>
<?php
$i++;
} ?>
</tbody>
</table>
 
<button id="tombolExport">Export Excel</button>
Keterangan :
Berilah id pada tabel dan tombol yang telah dibuat. Pada contoh diatas id tabel tabelExport dan id tombol tombolExport.

Langkah 2

Sisipkan plugin jQuery beserta plugin ExcelExport ke dalam dokumen file diatas.
1
2
3
<script src="js/jquery-2.0.1.min.js"></script>
<script src="js/jquery.base64.js"></script>
<script src="js/jquery.btechco.excelexport.js"></script>
Selanjutnya, kita harus memberikan instruksi pada tombol yaitu apabila diklik maka lakukan export data tabel ke file excel. Berikut perintahnya :
1
2
3
4
5
6
7
8
$(document).ready(function () {
     $("#tombolExport").click(function () { // Jika tombol export diklik
          $("#tabelExport").btechco_excelexport({ // Definisikan tabel yang akan di export
               containerid: "tabelExport"
               , datatype: $datatype.Table
          });
     });
});
Silahkan jalankan kode Anda dan download file excel yang telah di-export. Selamat mencoba.

No comments:

Post a Comment