Ta vadnica bo definirala postopek za izvoz podatkov tabele HTML v Excel z uporabo JavaScripta.
Kako izvoziti tabelo HTML v Excel z uporabo JavaScripta?
Za izvoz tabele iz HTML v preglednico excel uporabite knjižnico JavaScript ' SheetJS ”. Omogoča funkcije za branje, urejanje in izvoz preglednic med delom v spletnih brskalnikih.
Dodajte spodnji vir » SheetJS ” Knjižnica JavaScript v
< vrsta skripte = 'besedilo/javascript' src = 'https://unpkg.com/ [email protected] /dist/xlsx.full.min.js' > scenarij >
Poskusimo primer izvoza tabele HTML s podatki v preglednici.
Primer
Najprej ustvarite tabelo v datoteki HTML z uporabo
< ID tabele = 'tblToExcl' meja = 'dva' >
< thead >
< th > Id th >
< th > Ime th >
< th > Ocena th >
< th > Roll# th >
< th > Starost th >
thead >
< tbody >
< tr >
< td > 1 td >
< td > Janez 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 > Stephen td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
tr >
tbody >
tabela >
Nato ustvarite gumb tako, da pripnete » onclick ' dogodek, ki bo sprožil ' htmlTableToExcel() ” za izvoz tabele v Excelov list:
< ID gumba = 'gumb' onclick = 'htmlTableToExcel('xlsx')' > Izvoz tabele HTML v EXCEL gumb >Izhod prikazuje tabelo s podatki:
Koda JavaScript za izvoz podatkovne tabele v list je naslednja:
funkcijo htmlTableToExcel ( vrsta ) {je bil podatke = dokument. getElementById ( 'tblToExcl' ) ;
je bil excelFile = XLSX. utils . table_to_book ( podatke , { list : 'list1' } ) ;
XLSX. pisati ( excelFile , { bookType : vrsta , knjigaSST : prav , vrsta : 'base64' } ) ;
XLSX. writeFile ( excelFile , 'ExportedFile:HTMLTableToExcel' + vrsta ) ;
}
Zgornja koda JavaScript sledi podanim korakom za izvoz tabele v preglednico Excel:
- Določite funkcijo ' htmlTableToExcel() ' v
ali datoteko JavaScript tako, da posredujete » vrsta ” kot parameter. - Nato prinesite tabelo z njenim ID-jem ' tblToExcl « s pomočjo » getElementById() ” metoda.
- Pretvorite tabelo v list tako, da pokličete » table_to_book() ” metoda.
- Zapišite podatke tabele v excel list in nastavite ime datoteke.
Po kliku na gumb se list prenese.
Odprite preneseno datoteko, tabela HTML je zdaj uspešno izvožena v excel list:
Iz zgornjega posnetka zaslona je razvidno, da so bili podatki s pomočjo JavaScripta uspešno izvoženi v datoteko excel.
Zaključek
Za izvoz tabele HTML v preglednico Excel uporabite knjižnico JavaScript ' SheetJS ”. Ponuja funkcije za branje, urejanje in izvažanje preglednic med delom v spletnih brskalnikih. Prepričajte se, da so podatki, ki jih želite izvoziti, zapisani znotraj tabele HTML. Razlog je v tem, da SheetJS vzame vrstice in stolpce iz oznak tabele dokumenta HTML. Ta vadnica opisuje izvoz podatkov tabele HTML v Excelov list.