Denne opplæringen vil definere prosessen for eksport av HTML-tabelldata til Excel ved hjelp av JavaScript.
Hvordan eksportere HTML-tabell til Excel ved hjelp av JavaScript?
For å eksportere en tabell fra en HTML til et Excel-regneark, bruk JavaScript-biblioteket ' SheetJS '. Den har funksjoner for å lese, redigere og eksportere regneark mens du arbeider i nettlesere.
Legg til kilden nedenfor til ' SheetJS ' JavaScript-bibliotek i
< skripttype = 'tekst/javascript' src = https://unpkg.com/ [e-postbeskyttet] /dist/xlsx.full.min.js' > manus >
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 å bruke
< tabell-ID = 'tblToExcl' grense = 'to' >
< thead >
< th > ID th >
< th > Navn th >
< th > Karakter th >
< th > Rull# th >
< th > Alder th >
thead >
< kroppen >
< tr >
< td > 1 td >
< td > John td >
< td > 8 td >
< td > 118 td >
< td > 1. 3 td >
tr >
< tr >
< td > to td >
< td > Rohnda td >
< td > 7 td >
< td > 153 td >
< td > 12 td >
tr >
< tr >
< td > 3 td >
< td > Stephen td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
tr >
kroppen >
bord >
Deretter oppretter du en knapp ved å legge ved en ' ved trykk '-hendelse som vil utløse ' htmlTableToExcel() ' funksjon for å eksportere tabellen til et Excel-ark:
< knappen ID = 'knapp' ved trykk = 'htmlTableToExcel('xlsx')' > Eksporter HTML-tabell til EXCEL knapp >Utgangen viser tabellen med data:
JavaScript-koden for å eksportere datatabellen til et ark er som følger:
funksjon htmlTableToExcel ( type ) {var data = dokument. getElementById ( 'tblToExcl' ) ;
var excelfil = XLSX. utils . tabell_til_bok ( data , { ark : 'ark1' } ) ;
XLSX. skrive ( excelfil , { bokType : type , bokSST : ekte , type : 'base64' } ) ;
XLSX. skrivefil ( excelfil , 'ExportedFile:HTMLTableToExcel' + type ) ;
}
JavaScript-koden ovenfor følger de angitte trinnene for å eksportere tabellen til excel-arket:
- Definer en funksjon ' htmlTableToExcel() ' i en taggen eller JavaScript-filen ved å sende ' type ' som en parameter.
- Deretter henter du tabellen ved å bruke dens id ' tblToExcl ' ved hjelp av ' getElementById() 'metoden.
- Konverter tabellen til et ark ved å ringe ' tabell_til_bok() 'metoden.
- Skriv tabelldataene inn i excel-arket og angi filens navn.
Etter å ha klikket på knappen, vil arket bli lastet ned.
Åpne den nedlastede filen, HTML-tabellen er nå eksportert til et excel-ark:
Det er tydelig fra 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 arbeider i nettlesere. Sørg for at dataene som skal eksporteres er skrevet inne i HTML-tabellen. Årsaken er at SheetJS tar radene og kolonnene fra Table-taggene til HTML-dokumentet. Denne opplæringen beskrev eksport av HTML-tabelldata til et Excel-ark.