Kuidas eksportida HTML-tabelit JavaScripti abil Excelisse

Kuidas Eksportida Html Tabelit Javascripti Abil Excelisse



Mõnikord peavad arendajad eksportima HTML-tabelid Exceli faili, mis aitab neil veebisaidi statistikat/andmeid näha veebisaidi aruandluse failivormingus ja kasutada seda faili isegi võrguühenduseta. JavaScriptis on mitme ülesande jaoks saadaval mitu teeki. Samamoodi saab HTML-tabeli JavaScripti teegi abil hõlpsasti teisendada Exceli lehevormingusse.

See õpetus määratleb HTML-tabeli andmete eksportimise protsessi JavaScripti abil Excelisse.

Kuidas eksportida HTML-tabelit JavaScripti abil Excelisse?

Tabeli eksportimiseks HTML-ist Exceli tabelisse kasutage JavaScripti teeki ' SheetJS ”. See pakub funktsioone arvutustabelite lugemiseks, redigeerimiseks ja eksportimiseks veebibrauserites töötamise ajal.







Lisage allolev allikas SheetJS ”JavaScripti teek sisse projekti silt:



< skripti tüüp = 'text/javascript' src = 'https://unpkg.com/ [meil kaitstud] /dist/xlsx.full.min.js' > stsenaarium >

Proovime näidet HTML-tabeli eksportimiseks arvutustabelis olevate andmetega.



Näide
Esiteks looge tabel HTML-failis, kasutades silt:





< tabeli id = 'tblToExcl' piir = 'kaks' >
< thead >
< th > Id th >
< th > Nimi th >
< th > Hinne th >
< th > Rull# th >
< th > Vanus th >
thead >
< tbody >
< tr >
< td > 1 td >
< td > John td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
tr >
< tr >
< td > kaks 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 >
laud >

Seejärel looge nupp, lisades ' onclick sündmus, mis käivitab htmlTableToExcel() ” funktsioon tabeli eksportimiseks Exceli lehele:

< nupu id = 'nupp' onclick = 'htmlTableToExcel('xlsx')' > Ekspordi HTML-tabel EXCELi nuppu >

Väljund näitab tabelit andmetega:



JavaScripti kood andmetabeli lehele eksportimiseks on järgmine:

funktsiooni htmlTableToExcel ( tüüp ) {
oli andmeid = dokument. getElementById ( 'tblToExcl' ) ;
oli exceli fail = XLSX. utils . laud_raamatusse ( andmeid , { leht : 'leht1' } ) ;
XLSX. kirjutada ( exceli fail , { raamatu tüüp : tüüp , raamatSST : tõsi , tüüp : 'base64' } ) ;
XLSX. writeFile ( exceli fail , 'ExportedFile:HTMLTableToExcel' + tüüp ) ;
}

Ülaltoodud JavaScripti kood järgib antud samme tabeli eksportimiseks Exceli lehele:

  • Määratlege funktsioon ' htmlTableToExcel() ' sees