Cómo exportar la tabla HTML a Excel usando JavaScript

A veces, los desarrolladores deben exportar las tablas HTML a un archivo de Excel que les ayuda a ver las estadísticas/datos del sitio web en un formato de archivo para informar y usar este archivo del sitio web incluso mientras está fuera de línea. En JavaScript, hay múltiples bibliotecas disponibles para múltiples tareas. Del mismo modo, una tabla HTML se puede convertir fácilmente en un formato de hoja de Excel utilizando una biblioteca de JavaScript.

Este tutorial definirá el proceso para exportar los datos de la tabla HTML a Excel utilizando JavaScript.

Cómo exportar la tabla HTML a Excel usando JavaScript?

Para exportar una tabla de un HTML a una hoja de cálculo de Excel, use la biblioteca JavaScript "SheetJS". Proporciona características para leer, editar y exportar hojas de cálculo mientras trabaja en navegadores web.

Agregue la siguiente fuente del "Sábana"Biblioteca JavaScript en Etiqueta del proyecto:

Intentemos un ejemplo para exportar una tabla HTML con datos en una hoja de cálculo.

Ejemplo
Primero, cree una tabla en el archivo HTML, usando

etiqueta:

Identificación	Nombre	Calificación	Rollo#	Edad
1	John	8	118	13
2	Rohnda	7	153	12
3	Stephen	9	138	14

Luego, cree un botón adjuntando un "al hacer clic"Evento que activará el"htmltableToExcel ()"Función para exportar la tabla a una hoja de Excel:

Exportar tabla HTML a Excel

La salida muestra la tabla con datos:

El código JavaScript para exportar la tabla de datos en una hoja es el siguiente:

función htmltableToExcel (type)
data var = documento.getElementById ('tbltoExcl');
var excelfile = xlsx.tensiones.table_to_book (datos, hoja: "hoja1");
Xlsx.Write (Excelfile, booktype: type, booksst: true, type: 'base64');
Xlsx.WriteFile (Excelfile, 'ExportedFile: htmltableToExcel' + type);

El código JavaScript anterior sigue los pasos dados para exportar la tabla a la hoja de Excel:

• Defina una función "htmltableToExcel ()" en un etiqueta o el archivo javaScript pasando el "tipo"Como parámetro.
• Luego, obtenga la tabla usando su identificación "TBLTOEXCL"Con la ayuda del"getElementById ()" método.
• Convierta la tabla en una hoja llamando al "table_to_book ()" método.
• Escriba los datos de la tabla en la hoja de Excel y establezca el nombre del archivo.

Después de hacer clic en el botón, se descargará la hoja.

Abra el archivo descargado, la tabla HTML ahora se exporta correctamente a una hoja de Excel:

Está claro en la captura de pantalla anterior que los datos se han exportado con éxito a un archivo de Excel con la ayuda de JavaScript.

Conclusión

Para exportar una tabla HTML a una hoja de cálculo de Excel, use la biblioteca JavaScript "Sábana". Ofrece características para leer, editar y exportar hojas de cálculo mientras trabaja en navegadores web. Asegúrese de que los datos a exportar se escriban dentro de la tabla HTML. La razón es que SheetJS toma las filas y columnas de las etiquetas de la tabla del documento HTML. Este tutorial describió la exportación de los datos de la tabla HTML en una hoja de Excel.