Pada artikel ini saya akan menjelaskan dengan sebuah contoh, bagaimana mengkonversi (mengekspor) Tabel HTML ke file Excel menggunakan JavaScript Show Menggunakan JavaScript biasa tidak mungkin untuk mengonversi Tabel HTML ke Excel dan karenanya artikel ini akan menjelaskan, cara mengonversi (menjelaskan) Tabel HTML ke file Excel dengan bantuan plugin jQuery table2excel Catatan. jQuery yang digunakan dalam artikel ini hanya untuk penggunaan plugin jQuery.
Markup HTML Markup HTML berikut terdiri dari Tabel HTML dan Tombol <html xmlns="http. // www. w3. org/1999/xhtml"> <kepala> <judul>judul> <tubuh> <tabel id="tblCustomers" cellspacing="0" cellpadding="0"> <tr> <th> ID Pelanggan th> <th> Nama th> <negara> Negara th> tr> <tr> <td> 1 td> <td> John Hammond td> <td> Amerika Serikat td> tr> <tr> <td> 2 td> <td> Mudassar Khan td> <td> India td> tr> <tr> <td> 3 td> <td> Suzanne Mathews td> <td> Prancis td> tr> <tr> <td> 4 td> <td> Robert Schidner td> <td> Rusia td> tr> tabel> <br /> <masukan ketik="tombol" id="btnExport" value="Export" onclick="Export()" /> <skrip ketik="text/javascript" . //ajax. googleapis. com/ajax/libs/jquery/1. 8. 3/jquery. min. js"> src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">skrip> <skrip src="table2excel. js" ketik="teks/javascript">skrip> <skrip ketik="text/javascript" fungsi Ekspor() { $( "#tblCustomers" ). table2excel({ nama file. "Tabel. xls" }); } skrip>
Penjelasan Saat Tombol Ekspor diklik, fungsi Ekspor JavaScript dipanggil Di dalam fungsi Export, jQuery plugin table2excel diterapkan ke Tabel HTML. Plugin jQuery table2excel menerima parameter nama file yang menetapkan nama file Excel. Catatan . Anda akan mendapatkan pesan Peringatan dari aplikasi Microsoft Excel saat Anda mencoba membuka file Excel yang dihasilkan. Peringatan ini ditampilkan karena file yang dihasilkan bukan format Excel yang valid karena plugin hanya mengekspor konten HTML ke file Excel.
Tangkapan layar Tabel HTML
File Excel sedang diunduh saat Tombol Ekspor diklik
File Excel yang dihasilkan
Kompatibilitas Peramban Kode di atas telah diuji di browser berikut * Semua logo browser yang ditampilkan di atas adalah milik dari pemiliknya masing-masing
Demo Lihat Demo
Download Simpan_Tabel_Excel_JavaScript. zip Unduh API Word/PDF/Excel GratisBagaimana cara mengekspor file teks dalam JavaScript?Algoritma . Step 1 − Create HTML element.. Langkah 2 - Dapatkan konten untuk ditambahkan ke file teks Langkah 3 - Buat objek Blob konten Step 4 − In the href attribute of the tag, add the blog object URL.. Step 5 − Add the default file name as a value of the 'download' attribute of tag.. Bagaimana cara mengekspor data tabel ke CSV menggunakan JavaScript?Langkah 1. Buat tabel HTML. Buat halaman HTML sederhana dengan tabel dan tombol. Tombol ini akan digunakan sebagai pemicu untuk mengonversi tabel menjadi nilai yang dipisahkan koma dan mengunduhnya dalam bentuk file CSV . Terapkan gaya CSS Anda sendiri yang dibutuhkan.
Bagaimana cara mengekspor data tabel HTML sebagai. Berkas CSV?klik kanan di mana saja di tabel dan pilih 'salin seluruh tabel' mulai aplikasi spreadsheet seperti LibreOffice Calc. rekatkan ke spreadsheet (pilih karakter pemisah yang sesuai sesuai kebutuhan) simpan/ekspor spreadsheet sebagai CSV
Bagaimana cara mengonversi tabel HTML ke PDF menggunakan JavaScript?Cara menggunakannya. . Unduh dan tempatkan tabel JavaScriptHTMLExport. js setelah jQuery. . Muat jspdf dan jspdf. plugin. . Ekspor tabel HTML Anda ke file JSON, CSV, TXT, atau PDF. Lihat sumber. . Atur kolom & baris untuk diabaikan. . Atur orientasi untuk output PDF. . Lebih banyak opsi penyesuaian untuk menyesuaikan plugin ekspor tabel |