Come esportare la tabella HTML in Excel usando JavaScript

A volte, gli sviluppatori devono esportare le tabelle HTML in un file Excel che li aiuta a vedere le statistiche/dati del sito Web in un formato di file per il reporting del sito Web e utilizzare questo file anche se offline. In JavaScript, ci sono più librerie disponibili per più attività. Allo stesso modo, una tabella HTML può essere facilmente convertita in un formato di foglio Excel usando una libreria JavaScript.

Questo tutorial definirà il processo per l'esportazione dei dati della tabella HTML in Excel usando JavaScript.

Come esportare la tabella HTML in Excel usando JavaScript?

Per esportare una tabella da un HTML a un foglio di calcolo Excel, utilizzare la libreria JavaScript "Sheetjs". Fornisce funzionalità per leggere, modificare ed esportare fogli di calcolo mentre si lavora nei browser Web.

Aggiungi la fonte seguente di "Fogli"Libreria Javascript in Tag del progetto:

Proviamo un esempio per esportare una tabella HTML con i dati in un foglio di calcolo.

Esempio
Innanzitutto, crea una tabella nel file HTML, utilizzando

etichetta:

Id	Nome	Grado	Rotolo#	Età
1	John	8	118	13
2	Rohnda	7	153	12
3	Stefano	9	138	14

Quindi, crea un pulsante attaccando un "al clic"Evento che attiverà il"htmltableToExcel ()"Funzione per esportare la tabella in un foglio Excel:

Esporta tabella HTML in Excel

L'output mostra la tabella con i dati:

Il codice JavaScript per l'esportazione della tabella di dati in un foglio è il seguente:

funzione htmltabletoexcel (type)
var data = documento.getElementById ('tblToExcl');
var excelfile = xlsx.utils.table_to_book (dati, foglio: "foglio1");
Xlsx.write (excelfile, booktype: type, booksst: true, type: 'base64');
Xlsx.writefile (Excelfile, 'esportato da file: htmltabletoexcel' + type);

Il codice JavaScript sopra segue i passaggi indicati per esportare la tabella nel foglio Excel:

• Definire una funzione "htmltableToExcel ()" in un tag o il file javascript passando "tipo"Come parametro.
• Quindi, prendi la tabella usando il suo ID "tbltoexcl"Con l'aiuto del"getElementById ()" metodo.
• Convertire la tabella in un foglio chiamando "table_to_book ()" metodo.
• Scrivi i dati della tabella nel foglio Excel e imposta il nome del file.

Dopo aver fatto clic sul pulsante, il foglio verrà scaricato.

Apri il file scaricato, la tabella HTML viene ora esportata correttamente in un foglio Excel:

Dallo screenshot è chiaro che i dati sono stati esportati correttamente in un file Excel con l'aiuto di JavaScript.

Conclusione

Per esportare una tabella HTML in un foglio di calcolo Excel, utilizzare la libreria JavaScript "Fogli". Offre funzionalità per la lettura, l'editing ed esportazione di fogli di calcolo mentre si lavora nei browser Web. Assicurati che i dati da esportare siano scritti all'interno della tabella HTML. Il motivo è che Sheetjs prende le righe e le colonne dai tag della tabella del documento HTML. Questo tutorial ha descritto l'esportazione dei dati della tabella HTML in un foglio Excel.