Exportar tabla HTML a Excel usando JavaScript

Kushank Singh 18 octubre 2021
  1. Utilice la biblioteca TabletoExcel para exportar tablas HTML a Excel en JavaScript
  2. Utilice la biblioteca TableExport para exportar una tabla HTML a un archivo de Excel en JavaScript
  3. Utilice la biblioteca jQuery para exportar la tabla HTML a un archivo de Excel en JavaScript
Exportar tabla HTML a Excel usando JavaScript

Las hojas de cálculo de Excel se utilizan para almacenar datos tabulares en una o más hojas.

En este tutorial, aprenderemos cómo exportar tablas HTML a Excel usando JavaScript.

Utilice la biblioteca TabletoExcel para exportar tablas HTML a Excel en JavaScript

La biblioteca TableToExcel se puede utilizar para exportar una tabla HTML a un archivo de Excel. Usaremos el método convert() para realizar la conversión necesaria.

Vea el código a continuación.

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

En el ejemplo anterior, obtenemos el elemento de tabla requerido usando la función getElementsbyID(). Exportamos esto a un archivo de Excel. El nombre del archivo y la hoja también se proporcionaron utilizando la propiedad name y sheet.

Utilice la biblioteca TableExport para exportar una tabla HTML a un archivo de Excel en JavaScript

La biblioteca TableExport puede exportar tablas HTML a archivos XLSX, XLS, CSV o de texto. Esta biblioteca es fácil de usar y proporciona una amplia gama de propiedades para personalizar el archivo final.

Verifique el código a continuación.

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

En el ejemplo anterior, accedemos a la tabla HTML requerida usando la función getElementsByTagName(). Usamos la propiedad filename y sheetname para establecer los nombres del archivo final y de la hoja.

Tenga en cuenta que para incluir la biblioteca TableExport, agregamos la fuente de la biblioteca en la etiqueta script en el código HTML.

Utilice la biblioteca jQuery para exportar la tabla HTML a un archivo de Excel en JavaScript

Usaremos el complemento table2excel para exportar datos de tablas HTML a una hoja de cálculo de Excel. Es un complemento ligero jQuery.

Verifique el código a continuación.

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

Accedimos a la tabla requerida usando el $(table). El constructor table2excel convirtió esto en el archivo requerido.