Como exportar a tabela HTML para se destacar usando JavaScript

Às vezes, os desenvolvedores precisam exportar as tabelas HTML para um arquivo do Excel que os ajuda a ver as estatísticas/dados do site em um formato de arquivo para os relatórios do site e usar esse arquivo mesmo enquanto offline. No JavaScript, existem várias bibliotecas disponíveis para várias tarefas. Da mesma forma, uma tabela HTML pode ser facilmente convertida em um formato de planilha do Excel usando uma biblioteca JavaScript.

Este tutorial definirá o processo para exportar os dados da tabela HTML para se destacar usando JavaScript.

Como exportar a tabela HTML para se destacar usando JavaScript?

Para exportar uma tabela de um HTML para uma planilha do Excel, use a biblioteca JavaScript "Sheetjs". Ele fornece recursos para ler, editar e exportar planilhas enquanto trabalhava em navegadores da web.

Adicione a fonte abaixo do “SheetjsJavascript Library em Tag do projeto:

Vamos tentar um exemplo para exportar uma tabela HTML com dados em uma planilha.

Exemplo
Primeiro, crie uma tabela no arquivo html, usando

marcação:

Eu ia	Nome	Nota	Rolar#	Idade
1	John	8	118	13
2	Rohnda	7	153	12
3	Stephen	9	138	14

Em seguida, crie um botão anexando um “ONCLICK”Evento que acionará o“htmltabletoexcel ()”Função para exportar a tabela para uma planilha do Excel:

Exportar tabela HTML para Excel

A saída mostra a tabela com dados:

O código JavaScript para exportar a tabela de dados para uma folha é o seguinte:

função htmltabletoexcel (type)
DATA DATA = DOCUMENTO.getElementById ('tbltoExcl');
var de Excelfile = xlsx.útil.tabela_to_book (Dados, Sheet: "Sheet1");
Xlsx.Write (Excelfile, Booktype: Type, Booksst: True, Tipo: 'Base64');
Xlsx.Writefile (Excelfile, 'ExportedFile: htmltabletoexcel' + tipo);

O código JavaScript acima segue as etapas fornecidas para exportar a tabela para a folha do Excel:

• Defina uma função “htmltabletoexcel ()" em um tag ou o arquivo javascript passando o “tipo”Como um parâmetro.
• Então, busque a tabela usando seu id “tbltoExcl”Com a ajuda do“getElementById ()”Método.
• Converter a tabela em uma folha chamando o “tabela_to_book ()”Método.
• Escreva os dados da tabela na folha do Excel e defina o nome do arquivo.

Depois de clicar no botão, a folha será baixada.

Abra o arquivo baixado, a tabela HTML agora é exportada com sucesso para uma planilha do Excel:

Está claro na captura de tela acima que os dados foram exportados com sucesso para um arquivo do Excel com a ajuda do JavaScript.

Conclusão

Para exportar uma tabela HTML para uma planilha do Excel, use a biblioteca JavaScript “Sheetjs”. Ele oferece recursos para leitura, edição e exportação de planilhas enquanto trabalham em navegadores da web. Verifique se os dados a serem exportados estão escritos dentro da tabela HTML. O motivo é que as chances levam as linhas e colunas das tags da tabela do documento HTML. Este tutorial descreveu a exportação dos dados da tabela HTML para uma folha do Excel.