Tabel ekspor javascript ke file teks

Pada artikel ini saya akan menjelaskan dengan sebuah contoh, bagaimana mengkonversi (mengekspor) Tabel HTML ke file Excel menggunakan JavaScript

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>

kepala>head>

<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>

tubuh>body>

html>html>

 

 

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

Tabel ekspor javascript ke file teks

 

File Excel sedang diunduh saat Tombol Ekspor diklik

Tabel ekspor javascript ke file teks

 

File Excel yang dihasilkan

Tabel ekspor javascript ke file teks

 

 

Kompatibilitas Peramban

Kode di atas telah diuji di browser berikut

Tabel ekspor javascript ke file teks
 
Tabel ekspor javascript ke file teks
 
Tabel ekspor javascript ke file teks
 
Tabel ekspor javascript ke file teks
 
Tabel ekspor javascript ke file teks
 

* 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 Gratis

Bagaimana cara mengekspor file teks dalam JavaScript?

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