Esportare una tabella in Excel con Javascript

Mattepuffo's logo
Esportare una tabella in Excel con Javascript

Esportare una tabella in Excel con Javascript

Programmazione, Javascript - AJAX

Se usate jQuery DataTable o simili, probabilmente avete già una funzione di esportazione della tabella in Excel.

Ma se avete una semplice tabella da esportare al volo, potete usare un semplice plugin per jQuery che si occupa di fare solo quello: jQuery table2excel!

Il suo utilizzo è molto semplice:

  • includete jQuery
  • includete la libreria
  • impostate un id su un bottone
  • impostate un id sulla tabella
  • impostate qualche riga di codice per attivare il tutto

Qua sotto un esempio completo e funzionante:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>JS to excel</title>
        <script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
        <script src="jquery.table2excel.min.js"></script>
        <script>
            $(document).ready(function () {
                $("#btn_exp").click(function () {
                    $("#tbl").table2excel({
                        name: "Test",
                        filename: "file" // SENZA ESTENSIONE
                    });
                });
            });
        </script>
    </head>
    <body>
        <button id="btn_exp" type="button">Esporta</button>
        <hr>
        <table id="tbl">
            <thead>
                <tr>
                    <th>NOME</th>
                    <th>COGNOME</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Matteo</td>
                    <td>Mattei</td>
                </tr>
                <tr>
                    <td>Marco</td>
                    <td>Marchi</td>
                </tr>
                <tr>
                    <td>Francesca</td>
                    <td>Franchi</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

Noi abbiamo impostato il nome del file Excel, e il nome che dovrà avere il file.

Come vedete l'estensione dovete ometterla.

Potete guardare ad un esempio della home page del progetto per altre opzioni.

In sostanza potete decidere di escludere alcune cose come immagini o colonne.

Enjoy!

Condividi

Commentami!