ekspor tabel html ke excel dengan javascript

kebetulan saya mendapat tugas dari pekerjaan saya untuk ekspor ke bentuk excel dari data yang di tampilkan . hemmm.... setelah browsing dan mencoba coba saya mendapat script yang cocok ,

berikut saya share untuk pembaca sekaligus arsip buat saya :)

saya asumsikan kit sudah mempunyai tabel data berbentuk html  dan tabel tersebut memiliki atribut "id" ... saya asumsikan memberinama id = "tabel 1"

buat terlebih dahulu tombol ekspor

.....kode lain lain.... 

<button id="btnExport" class="btn btn-info" onclick="fnExcelReport();"> Unduh Excel </button>

.....kode lain lain....  

Tombol Ini untuk memberikan perintah meng eksekusi script / fungsi fnExcelReport(); yang ada di javascript nantinya.

.....kode lain lain.... 

<iframe id="txtArea1" style="display:none"></iframe>

.....kode lain lain....  

iframe digunakan untuk menampung data sementara jika user membuka atau melakukan ekspor menggunakan internet exploler , karena beberapa browser tidak mendukung ( ini menurut pemahaman saya sih ....hehehehe... silahkan pelajari lagi kalo belum paham di artikel yang lain

oke selanjutnya buat javascriptnya. saya sarankan letakkan di paling bawah kode html ...

<script type="text/javascript">
function fnExcelReport()
{
    var tab_text="<table border='2px'><tr bgcolor='#87AFC6'>";
    var textRange; var j=0;
    tab = document.getElementById('tabel 1'); // id  table 

    for(j = 0 ; j < tab.rows.length ; j++)
    {    
        tab_text=tab_text+tab.rows[j].innerHTML+"</tr>";
        //tab_text=tab_text+"</tr>";
    }
    tab_text=tab_text+"</table>";
    tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
    tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table
    tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params
    var ua = window.navigator.userAgent;
    var msie = ua.indexOf("MSIE ");
    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
    {
        txtArea1.document.open("txt/html","replace");
        txtArea1.document.write(tab_text);
        txtArea1.document.close();
        txtArea1.focus();
        sa=txtArea1.document.execCommand("SaveAs",true,"download.xls");
    }
    else                 //other browser not tested on IE 11
        sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));
    return (sa);
}
</script>

script javascript tersebut untuk proses ekspornya, kalo mau di jelasin satu satu penjang banget hehehe... silahkan cari penjelasannya sendiri yah :P

trimakasih sudah mampir membaca. silahkan di copas, share terserah ... "ilmu gak bakal habis kalo di share atau di ajarkan ke yang lain" .... bye