In deze zelfstudie wordt het proces beschreven voor het exporteren van de HTML-tabelgegevens naar Excel met behulp van JavaScript.
Hoe HTML-tabel naar Excel exporteren met JavaScript?
Gebruik voor het exporteren van een tabel van een HTML naar een Excel-spreadsheet de JavaScript-bibliotheek ' SheetJS ”. Het biedt functies voor het lezen, bewerken en exporteren van spreadsheets terwijl u in webbrowsers werkt.
Voeg de onderstaande bron van de ' SheetJS ” JavaScript-bibliotheek in
< scripttype = 'tekst/javascript' src = 'https://unpkg.com/ [e-mail beveiligd] /dist/xlsx.full.min.js' > script >
Laten we een voorbeeld proberen om een HTML-tabel met gegevens in een spreadsheet te exporteren.
Voorbeeld
Maak eerst een tabel in een HTML-bestand met behulp van
< tafel-ID = 'tblToExcl' grens = 'twee' >
< dood >
< e > ID kaart e >
< e > Naam e >
< e > Cijfer e >
< e > Rollen# e >
< e > Leeftijd e >
dood >
< het lichaam >
< tr >
< td > 1 td >
< td > John td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
tr >
< tr >
< td > twee td >
< td > Rohda td >
< td > 7 td >
< td > 153 td >
< td > 12 td >
tr >
< tr >
< td > 3 td >
< td > Stefanus td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
tr >
het lichaam >
tafel >
Maak vervolgens een knop door een ' bij klikken ” gebeurtenis die de “ htmlTableToExcel() '-functie om de tabel naar een Excel-blad te exporteren:
< knop-id = 'knop' bij klikken = 'htmlTableToExcel('xlsx')' > Exporteer HTML-tabel naar EXCEL knop >De uitvoer toont de tabel met gegevens:
De JavaScript-code voor het exporteren van de gegevenstabel naar een blad is als volgt:
functie htmlTableToExcel ( type ) {was gegevens = document. getElementById ( 'tblToExcl' ) ;
was Excel bestand = XLSX. gebruikt . table_to_book ( gegevens , { vel : 'blad1' } ) ;
XLSX. schrijven ( Excel bestand , { boekType : type , boekSST : WAAR , type : 'basis64' } ) ;
XLSX. schrijfBestand ( Excel bestand , 'ExportedFile:HTMLTableToExcel' + type ) ;
}
De bovenstaande JavaScript-code volgt de gegeven stappen om de tabel naar het Excel-blad te exporteren:
- Definieer een functie “ htmlTableToExcel() ' in een tag of het JavaScript-bestand door de ' type ” als parameter.
- Haal vervolgens de tabel op met behulp van de id ' tblToExcl ” met behulp van de “ getElementById() ” methode.
- Converteer de tabel naar een blad door de ' table_to_book() ” methode.
- Schrijf de tabelgegevens in het Excel-blad en stel de naam van het bestand in.
Nadat u op de knop hebt geklikt, wordt het blad gedownload.
Open het gedownloade bestand, de HTML-tabel is nu succesvol geëxporteerd naar een Excel-blad:
Uit de bovenstaande schermafbeelding blijkt duidelijk dat de gegevens met behulp van JavaScript zijn geëxporteerd naar een Excel-bestand.
Conclusie
Gebruik voor het exporteren van een HTML-tabel naar een Excel-spreadsheet de JavaScript-bibliotheek ' SheetJS ”. Het biedt functies voor het lezen, bewerken en exporteren van spreadsheets terwijl u in webbrowsers werkt. Zorg ervoor dat de te exporteren gegevens in de HTML-tabel zijn geschreven. De reden is dat SheetJS de rijen en kolommen uit de Table-tags van het HTML-document haalt. Deze zelfstudie beschrijft het exporteren van de HTML-tabelgegevens naar een Excel-blad.