Este tutorial definirá o processo de exportação dos dados da tabela HTML para o Excel usando JavaScript.
Como exportar tabela HTML para Excel usando JavaScript?
Para exportar uma tabela de um HTML para uma planilha do Excel, use a Biblioteca JavaScript “ Planilha JS ”. Ele fornece recursos para ler, editar e exportar planilhas enquanto trabalha em navegadores da web.
Adicione a fonte abaixo do “ Planilha JS ” Biblioteca JavaScript em
< tipo de script = 'texto/javascript' origem = 'https://unpkg.com/ [e-mail protegido] /dist/xlsx.full.min.js' > roteiro >
Vamos tentar um exemplo para exportar uma tabela HTML com dados em uma planilha.
Exemplo
Primeiro, crie uma tabela em arquivo HTML, usando
< id da tabela = 'tblToExcl' fronteira = 'dois' >
< cabeça >
< º > Identidade º >
< º > Nome º >
< º > Avaliar º >
< º > Lista# º >
< º > Era º >
cabeça >
< corpo >
< tr >
< td > 1 td >
< td > John td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
tr >
< tr >
< td > dois td >
< td > Ronda td >
< td > 7 td >
< td > 153 td >
< td > 12 td >
tr >
< tr >
< td > 3 td >
< td > Estevão td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
tr >
corpo >
tabela >
Em seguida, crie um botão anexando um “ ao clicar ” evento que acionará o “ htmlTableToExcel() ” para exportar a tabela para uma planilha do Excel:
< ID do botão = 'botão' ao clicar = 'htmlTableToExcel('xlsx')' > Exportar Tabela HTML para EXCEL botão >A saída mostra a tabela com os dados:
O código JavaScript para exportar a tabela de dados para uma planilha é o seguinte:
função htmlTableToExcel ( modelo ) {foi dados = documento. getElementById ( 'tblToExcl' ) ;
foi ExcelFile = XLSX. útil . table_to_book ( dados , { Folha : 'planilha1' } ) ;
XLSX. Escreva ( ExcelFile , { tipo de livro : modelo , bookSST : verdadeiro , modelo : 'base64' } ) ;
XLSX. escreverArquivo ( ExcelFile , 'Arquivo exportado:HTMLTableToExcel' + modelo ) ;
}
O código JavaScript acima segue as etapas fornecidas para exportar a tabela para a planilha do Excel:
- Defina uma função “ htmlTableToExcel() ' em um tag ou o arquivo JavaScript passando o parâmetro “ modelo ” como parâmetro.
- Em seguida, busque a tabela usando seu id “ tblToExcl ” com a ajuda do “ getElementById() ” método.
- Converta a tabela em uma planilha chamando o método “ table_to_book() ” método.
- Escreva os dados da tabela na planilha do Excel e defina o nome do arquivo.
Após clicar no botão, a planilha será baixada.
Abra o arquivo baixado, a tabela HTML agora foi exportada com sucesso para uma planilha do Excel:
Fica claro na captura de tela acima que os dados foram exportados com sucesso para um arquivo Excel com a ajuda do JavaScript.
Conclusão
Para exportar uma tabela HTML para uma planilha Excel, use a Biblioteca JavaScript “ Planilha JS ”. Ele oferece recursos para ler, editar e exportar planilhas enquanto trabalha em navegadores da web. Certifique-se de que os dados a serem exportados estejam escritos dentro da tabela HTML. A razão é que SheetJS pega as linhas e colunas das tags Table do documento HTML. Este tutorial descreveu a exportação dos dados da tabela HTML para uma planilha do Excel.