Exporter un tableau HTML vers Excel en utilisant JavaScript

1. Utilisez la bibliothèque TabletoExcel pour exporter un tableau HTML vers Excel en JavaScript
2. Utilisez la bibliothèque TableExport pour exporter un tableau HTML vers un fichier excel en JavaScript
3. Utilisez la bibliothèque jQuery pour exporter un tableau HTML vers un fichier excel en JavaScript

Les feuilles de calcul Excel sont utilisées pour stocker des données tabulaires dans une ou plusieurs feuilles.

Dans ce didacticiel, nous allons apprendre à exporter un tableau HTML vers Excel à l’aide de JavaScript.

Utilisez la bibliothèque TabletoExcel pour exporter un tableau HTML vers Excel en JavaScript

La bibliothèque TableToExcel permet d’exporter un tableau HTML vers un fichier excel. Nous utiliserons la méthode convert() pour effectuer la conversion nécessaire.

Voir le code ci-dessous.

<button id="btnExport" onclick="exportReportToExcel(this)">Export HTML Table</button>

<script type="text/javascript">
  function exportReportToExcel() {
    let table = document.getElementsByID("table");
    TableToExcel.convert(table[0], {
      name: `file.xlsx`,
      sheet: {
        name: 'Sheet 1'
      }
    });
  }
</script>

Dans l’exemple ci-dessus, nous obtenons l’élément de table requis en utilisant la fonction getElementsbyID(). Nous l’exportons dans un fichier excel. Le nom du fichier et de la feuille ont également été fournis à l’aide des propriétés name et sheet.

Utilisez la bibliothèque TableExport pour exporter un tableau HTML vers un fichier excel en JavaScript

La bibliothèque TableExport peut exporter des tableaux HTML vers des fichiers XLSX, XLS, CSV ou texte. Cette bibliothèque est simple à utiliser et fournit un large éventail de propriétés pour personnaliser le fichier final.

Vérifiez le code ci-dessous.

<script src="https://cdnjs.cloudflare.com/ajax/libs/TableExport/5.2.0/js/tableexport.min.js" integrity="sha512-XmZS54be9JGMZjf+zk61JZaLZyjTRgs41JLSmx5QlIP5F+sSGIyzD2eJyxD4K6kGGr7AsVhaitzZ2WTfzpsQzg==" crossorigin="anonymous" referrerpolicy="no-referrer">
TableExport(document.getElementsByTagName("table"), {
    filename: 'excelfile',            
    sheetname: "sheet1"                     
});
</script>

Dans l’exemple ci-dessus, nous accédons au tableau HTML requis à l’aide de la fonction getElementsByTagName(). Nous avons utilisé les propriétés filename et sheetname pour définir les noms du fichier final et de la feuille.

Notez que pour inclure la bibliothèque TableExport, nous avons ajouté le source de la bibliothèque dans la balise script du code HTML.

Utilisez la bibliothèque jQuery pour exporter un tableau HTML vers un fichier excel en JavaScript

Nous utiliserons le plugin table2excel pour exporter les données d’un tableau HTML vers une feuille de calcul Excel. C’est un plugin jQuery léger.

Vérifiez le code ci-dessous.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js", type="text/javascript">
  function Export() {
    $("#table").table2excel({
      filename: "file.xls"
    });
  }
</script>

Nous avons accédé à la table requise en utilisant le $(table). Le constructeur table2excel l’a converti dans le fichier requis.