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
< 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í
< 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 tag nebo soubor JavaScript předáním „ typ “ jako parametr.
- Poté načtěte tabulku pomocí jejího id „ tblToExcl “ s pomocí „ getElementById() “ metoda.
- Převeďte tabulku na list voláním „ table_to_book() “ metoda.
- Zapište data tabulky do excelového listu a nastavte název souboru.
Po kliknutí na tlačítko se list stáhne.
Otevřete stažený soubor, HTML tabulka je nyní úspěšně exportována do excelového listu:
Z výše uvedeného snímku obrazovky je zřejmé, že data byla úspěšně exportována do excelového souboru pomocí JavaScriptu.
Závěr
Pro export HTML tabulky do excelové tabulky použijte JavaScript Library “ SheetJS “. Nabízí funkce pro čtení, úpravy a export tabulek při práci ve webových prohlížečích. Ujistěte se, že data, která mají být exportována, jsou zapsána uvnitř tabulky HTML. Důvodem je, že SheetJS přebírá řádky a sloupce ze značek Table dokumentu HTML. Tento kurz popsal export dat tabulky HTML do listu aplikace Excel.