Subscribe:

Main Menu

Jumat, Agustus 21, 2015

Export HTML to Excel using Javascirpt



Kali ini saya ingin mencoba membagi ilmu mengenai Export ke Excel dari HTML.

Kebetulan kemarin saya membuat laporan dalam bentuk HTML. tapi saya tidak ingin untuk hanya di lihat di HTML. saya juga ingin laporan saya bisa di cetak ataupun di export ke excel. cukup susah untuk mewujudkannya. setelah agak lama mencari akhirnya saya menemukan trick sederhana. ya sangat sederhana. cukup menggunakan script javascript saja.

Di sini saya akan menjelaskan cara untuk yang Export ke Excel. untuk yang print halaman HTML. kapan-kapan saja..hehe...

Cara export ke excel cukup mudah.ikuti langkah-langkah berikut :
  1. buat div pada halaman yang ingin di export dan pastikan berikan id-nya.. sebagai contoh :saya buar div dengan id treport_printarea

    <div id="treport_printarea">
    Halaman yang ingin saya cetak
    </div> 
     
  2. Sekarang inilah yang utama. Buat Fungsi Javascript seperti di bawah.

    function ExportToExcel() {
      var htmltable = document.getElementById('treport_printarea');
      var html = htmltable.outerHTML;
      window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));
    }
    
    
  3. Sekarang buat tombol/button/link yang menjalankan function tersebut. dan silahkan di coba :D. 
Cukup sekian. semoga bisa membantu teman-teman developer yang lain jika mengalami masalah yang serupa...

Teirma Kasih.

0 komentar: