Ako exportovať tabuľku HTML do Excelu pomocou JavaScriptu

Ako Exportovat Tabulku Html Do Excelu Pomocou Javascriptu



Niekedy vývojári potrebujú exportovať tabuľky HTML do súboru programu Excel, ktorý im pomôže zobraziť štatistiky/údaje webovej lokality vo formáte súboru na vytváranie prehľadov webovej lokality a použiť tento súbor aj v režime offline. V JavaScripte je k dispozícii viacero knižníc pre viacero úloh. Podobne možno tabuľku HTML jednoducho previesť do formátu hárku Excel pomocou knižnice JavaScript.

Tento tutoriál definuje proces exportu údajov tabuľky HTML do Excelu pomocou JavaScriptu.

Ako exportovať tabuľku HTML do Excelu pomocou JavaScriptu?

Na export tabuľky z HTML do excelovej tabuľky použite knižnicu JavaScript “ SheetJS “. Poskytuje funkcie na čítanie, úpravu a export tabuliek pri práci vo webových prehliadačoch.







Pridajte nižšie uvedený zdroj „ SheetJS Knižnica JavaScript v značka projektu:



< typ skriptu = 'text/javascript' src = 'https://unpkg.com/ [e-mail chránený] /dist/xlsx.full.min.js' > skript >

Skúsme si na príklade exportovať tabuľku HTML s údajmi v tabuľke.



Príklad
Najprv vytvorte tabuľku v súbore HTML pomocou značka:





< ID tabuľky = 'tblToExcl' hranica = 'dva' >
< hlava >
< th > Id th >
< th > názov th >
< th > stupeň th >
< th > Roll# th >
< th > Vek th >
hlava >
< tbody >
< tr >
< td > 1 td >
< td > John td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
tr >
< tr >
< td > dva td >
< td > Rohnda td >
< td > 7 td >
< td > 153 td >
< td > 12 td >
tr >
< tr >
< td > 3 td >
< td > Štefan td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
tr >
tbody >
tabuľky >

Potom vytvorte tlačidlo pripojením „ po kliknutí “, ktorá spustí “ htmlTableToExcel() ” funkcia na export tabuľky do hárka Excel:

< ID tlačidla = 'tlačidlo' po kliknutí = 'htmlTableToExcel('xlsx')' > Exportujte tabuľku HTML do programu EXCEL tlačidlo >

Na výstupe sa zobrazí tabuľka s údajmi:



Kód JavaScript na export tabuľky údajov do hárka je nasledujúci:

funkciu htmlTableToExcel ( typu ) {
bol údajov = dokument. getElementById ( 'tblToExcl' ) ;
bol excelFile = XLSX. utils . table_to_book ( údajov , { list : 'list1' } ) ;
XLSX. písať ( excelFile , { bookType : typu , knihaSST : pravda , typu : 'base64' } ) ;
XLSX. writeFile ( excelFile , „ExportedFile:HTMLTableToExcel“ + typu ) ;
}

Vyššie uvedený kód JavaScript sa riadi uvedenými krokmi na export tabuľky do hárka programu Excel:

  • Definujte funkciu ' htmlTableToExcel() ' v