Ez az oktatóanyag meghatározza a HTML-tábla adatainak Excelbe történő exportálásának folyamatát JavaScript használatával.
Hogyan exportálhatunk HTML-táblázatot Excelbe JavaScript használatával?
Táblázat exportálásához HTML-ből Excel-táblázatba használja a JavaScript Library ' SheetJS ”. Funkciókat biztosít a táblázatok olvasásához, szerkesztéséhez és exportálásához, miközben webböngészőkkel dolgozik.
Adja hozzá az alábbi forrást a ' SheetJS ” JavaScript Library be
< script típus = 'text/javascript' src = 'https://unpkg.com/ [e-mail védett] /dist/xlsx.full.min.js' > forgatókönyv >
Próbáljunk meg egy példát egy HTML-tábla exportálására adatokkal egy táblázatban.
Példa
Először hozzon létre egy táblázatot HTML-fájlban a segítségével
< táblázat id = 'tblToExcl' határ = 'két' >
< thead >
< th > Id th >
< th > Név th >
< th > Fokozat th >
< th > Tekercs# th >
< th > Kor th >
thead >
< tbody >
< tr >
< td > 1 td >
< td > János td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
tr >
< tr >
< td > két td >
< td > Rohnda td >
< td > 7 td >
< td > 153 td >
< td > 12 td >
tr >
< tr >
< td > 3 td >
< td > István td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
tr >
tbody >
asztal >
Ezután hozzon létre egy gombot egy ' kattintásra ' esemény, amely elindítja a ' htmlTableToExcel() ” függvény a táblázat Excel-lapba exportálásához:
< gomb id = 'gomb' kattintásra = 'htmlTableToExcel('xlsx')' > HTML-táblázat exportálása EXCEL-be gomb >A kimenet a táblázatot mutatja az adatokkal:
Az adattábla munkalapba exportálására szolgáló JavaScript kód a következő:
funkció htmlTableToExcel ( típus ) {volt adat = dokumentum. getElementById ( 'tblToExcl' ) ;
volt Excel fájl = XLSX. utils . asztal_könyvbe ( adat , { lap : 'lap1' } ) ;
XLSX. ír ( Excel fájl , { könyvtípus : típus , könyvSST : igaz , típus : 'base64' } ) ;
XLSX. writeFile ( Excel fájl , 'ExportedFile:HTMLTableToExcel' + típus ) ;
}
A fenti JavaScript kód a megadott lépéseket követve exportálja a táblázatot az Excel lapba:
- Határozzon meg egy függvényt ' htmlTableToExcel() ” az a