Hvordan eksportere HTML -tabell til Excel ved hjelp av JavaScript

Noen ganger må utviklere eksportere HTML -tabellene til en Excel -fil som hjelper dem å se statistikken/dataene til nettstedet i et filformat for nettstedets rapportering og bruke denne filen selv mens du er frakoblet. I JavaScript er det flere biblioteker tilgjengelig for flere oppgaver. Tilsvarende kan en HTML -tabell enkelt konverteres til et Excel -format ved hjelp av et JavaScript -bibliotek.

Denne opplæringen vil definere prosessen for å eksportere HTML -tabelldataene for å utmerke seg ved hjelp av JavaScript.

Hvordan eksportere HTML -tabell til Excel ved hjelp av JavaScript?

For å eksportere et bord fra en HTML til et Excel -regneark, bruk JavaScript -biblioteket “SheetJS”. Den gir funksjoner å lese, redigere og eksportere regneark mens du jobber i nettlesere.

Legg til kilden nedenfor til “Sheetjs”JavaScript -bibliotek i Tag of the Project:

La oss prøve et eksempel for å eksportere en HTML -tabell med data i et regneark.

Eksempel
Lag først en tabell i HTML -fil, ved hjelp av

stikkord:

Id	Navn	Karakter	Rull#	Alder
1	John	8	118	1. 3
2	Rohnda	7	153	12
3	Stephen	9	138	14

Opprett deretter en knapp ved å feste en "ved trykk”Hendelse som vil utløse“htmltabletoexcel ()”Funksjon for å eksportere tabellen til et Excel -ark:

Eksporter HTML -tabell til Excel

Utgangen viser tabellen med data:

JavaScript -koden for eksport av datatabellen til et ark er som følger:

funksjon htmltabletoexcel (type)
var data = dokument.getElementById ('tbltoExcl');
var excelfile = xlsx.benyttede.tabell_to_book (data, ark: "ark1");
XLSX.Skriv (Excelfile, BookType: Type, Bookst: True, Type: 'Base64');
XLSX.WritFile (Excelfile, 'ExportedFile: Htmltabletoexcel' + type);

Ovennevnte JavaScript -kode følger de gitte trinnene for å eksportere tabellen til Excel -arket:

• Definere en funksjon “htmltabletoexcel ()" i en tag eller JavaScript -filen ved å passere “type”Som en parameter.
• Hent deretter bordet ved å bruke ID -en "TBLTOEXCL”Ved hjelp av“getElementById ()”Metode.
• Konverter tabellen til et ark ved å ringe "tabell_to_book ()”Metode.
• Skriv tabelldataene i Excel -arket og angi filens navn.

Etter å ha klikket på knappen, blir arket lastet ned.

Åpne den nedlastede filen, HTML -tabellen blir nå eksportert til et Excel -ark:

Det fremgår av skjermbildet ovenfor at dataene har blitt eksportert til en Excel -fil ved hjelp av JavaScript.

Konklusjon

For å eksportere en HTML -tabell til et Excel -regneark, bruk JavaScript -biblioteket “Sheetjs”. Den tilbyr funksjoner for lesing, redigering og eksport av regneark mens du jobber i nettlesere. Forsikre deg om at dataene som skal eksporteres er skrevet i HTML -tabellen. Årsaken er at Sheetjs tar radene og kolonnene fra tabellmerker i HTML -dokumentet. Denne opplæringen beskrev å eksportere HTML -tabelldataene til et Excel -ark.