Jak exportovat HTML tabulku do Excelu pomocí JavaScriptu

Jak Exportovat Html Tabulku Do Excelu Pomoci Javascriptu



Někdy vývojáři potřebují exportovat tabulky HTML do souboru aplikace Excel, který jim pomůže zobrazit statistiky/data webu ve formátu souboru pro vytváření přehledů webu a použít tento soubor i v režimu offline. V JavaScriptu je k dispozici více knihoven pro více úloh. Podobně lze tabulku HTML snadno převést do formátu listu aplikace Excel pomocí knihovny JavaScript.

Tento tutoriál definuje proces exportu dat tabulky HTML do Excelu pomocí JavaScriptu.

Jak exportovat HTML tabulku do Excelu pomocí JavaScriptu?

Pro export tabulky z HTML do excelové tabulky použijte JavaScript Library “ SheetJS “. Poskytuje funkce pro čtení, úpravu a export tabulek při práci ve webových prohlížečích.







Přidejte níže uvedený zdroj „ SheetJS ” JavaScriptová knihovna v tag projektu:



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

Zkusme si na příkladu exportovat HTML tabulku s daty v tabulce.



Příklad
Nejprve vytvořte tabulku v souboru HTML pomocí štítek:





< ID tabulky = 'tblToExcl' okraj = 'dva' >
< hlava >
< čt > Id čt >
< čt > název čt >
< čt > Školní známka čt >
< čt > Válec# čt >
< čt > Stáří čt >
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 > Štěpáne td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
tr >
tbody >
stůl >

Poté vytvořte tlačítko připojením „ při kliknutí ” událost, která spustí “ htmlTableToExcel() ” funkce pro export tabulky do listu Excel:

< ID tlačítka = 'knoflík' při kliknutí = 'htmlTableToExcel('xlsx')' > Export HTML tabulky do EXCELu knoflík >

Na výstupu se zobrazí tabulka s daty:



Kód JavaScript pro export tabulky dat do listu je následující:

funkce htmlTableToExcel ( typ ) {
byl data = dokument. getElementById ( 'tblToExcl' ) ;
byl excelFile = XLSX. utils . table_to_book ( data , { prostěradlo : 'list1' } ) ;
XLSX. napsat ( excelFile , { bookType : typ , knihaSST : skutečný , typ : 'base64' } ) ;
XLSX. writeFile ( excelFile , 'ExportedFile:HTMLTableToExcel' + typ ) ;
}

Výše uvedený kód JavaScript následuje uvedené kroky k exportu tabulky do listu aplikace Excel:

  • Definujte funkci ' htmlTableToExcel() ' v