Comment exporter la table HTML pour exceller en utilisant JavaScript

Parfois, les développeurs doivent exporter les tables HTML vers un fichier Excel qui les aide à voir les statistiques / données du site Web dans un format de fichier pour les rapports du site Web et utilisent ce fichier même en dehors de la ligne. En JavaScript, il existe plusieurs bibliothèques disponibles pour plusieurs tâches. De même, une table HTML peut être facilement convertie en format de feuille Excel à l'aide d'une bibliothèque JavaScript.

Ce tutoriel définira le processus d'exportation des données de la table HTML à exceller à l'aide de JavaScript.

Comment exporter la table HTML pour exceller en utilisant JavaScript?

Pour l'exportation d'une table d'un HTML à une feuille de calcul Excel, utilisez la bibliothèque JavaScript «sheetjs». Il fournit des fonctionnalités pour lire, modifier et exporter des feuilles de calcul tout en travaillant dans des navigateurs Web.

Ajoutez la source ci-dessous du "Tôlerie”Bibliothèque JavaScript en Tag du projet:

Essayons un exemple pour exporter une table HTML avec des données dans une feuille de calcul.

Exemple
Tout d'abord, créez une table dans le fichier HTML, en utilisant

étiqueter:

Identifiant	Nom	Grade	Rouleau#	Âge
1	John	8	118	13
2	Rohnda	7	153	12
3	Stephen	9	138	14

Ensuite, créez un bouton en attachant un "sur clic”Événement qui déclenchera le"htmltableToExcel ()»Fonction pour exporter la table dans une feuille Excel:

Exporter la table HTML vers Excel

La sortie montre le tableau avec des données:

Le code JavaScript pour l'exportation du tableau de données dans une feuille est le suivant:

fonction htmltableToExcel (type)
Var Data = Document.getElementById ('tbltoExcl');
var exvelfile = xlsx.utils.table_to_book (data, sheet: "sheet1");
Xlsx.write (exvelfile, bookType: type, booksst: true, type: 'Base64');
Xlsx.WriteFile (ExcelfIle, 'ExportedFile: htmltableToExcel' + Type);

Le code JavaScript ci-dessus suit les étapes données pour exporter le tableau vers la feuille Excel:

• Définir une fonction "htmltableToExcel ()" dans un TAG ou le fichier JavaScript en passant le "taper«En tant que paramètre.
• Ensuite, récupérez le tableau en utilisant son identifiant "tbltoExcl"Avec l'aide du"getElementByid ()" méthode.
• Convertissez la table en une feuille en appelant le «table_to_book ()" méthode.
• Écrivez les données de la table dans la feuille Excel et définissez le nom du fichier.

Après avoir cliqué sur le bouton, la feuille sera téléchargée.

Ouvrez le fichier téléchargé, la table HTML est désormais exportée avec succès vers une feuille Excel:

Il ressort clairement de la capture d'écran ci-dessus que les données ont été exportées avec succès vers un fichier Excel à l'aide de JavaScript.

Conclusion

Pour exporter une table HTML vers une feuille de calcul Excel, utilisez la bibliothèque JavaScript "Tôlerie". Il propose des fonctionnalités de lecture, d'édition et d'exportation de feuilles de calcul tout en travaillant dans des navigateurs Web. Assurez-vous que les données à exporter sont écrites à l'intérieur du tableau HTML. La raison en est que SheetJS prend les lignes et les colonnes des étiquettes de table du document HTML. Ce tutoriel a décrit l'exportation des données de table HTML dans une feuille Excel.