Kuinka viedä HTML-taulukko Exceliin JavaScriptin avulla

Kuinka Vieda Html Taulukko Exceliin Javascriptin Avulla



Joskus kehittäjien on vietävä HTML-taulukot Excel-tiedostoon, joka auttaa heitä näkemään verkkosivuston tilastot/tiedot tiedostomuodossa verkkosivuston raportointia varten ja käyttämään tätä tiedostoa myös offline-tilassa. JavaScriptissä on useita kirjastoja saatavilla useille tehtäville. Vastaavasti HTML-taulukko voidaan helposti muuntaa Excel-taulukkomuotoon JavaScript-kirjaston avulla.

Tämä opetusohjelma määrittää prosessin HTML-taulukon tietojen viemiseksi Exceliin JavaScriptin avulla.

Kuinka viedä HTML-taulukko Exceliin JavaScriptin avulla?

Kun haluat viedä taulukon HTML-koodista excel-laskentataulukkoon, käytä JavaScript-kirjastoa ' SheetJS ”. Se tarjoaa ominaisuuksia, joilla voit lukea, muokata ja viedä laskentataulukoita työskennellessäsi verkkoselaimissa.







Lisää alla oleva ' SheetJS ”JavaScript-kirjasto sisään projektin tunniste:



< skriptityyppi = 'teksti/javascript' src = 'https://unpkg.com/ [sähköposti suojattu] /dist/xlsx.full.min.js' > käsikirjoitus >

Kokeillaan esimerkkiä HTML-taulukon viemisestä laskentataulukkoon.



Esimerkki
Luo ensin taulukko HTML-tiedostoon käyttämällä tag:





< taulukon tunnus = 'tblToExcl' rajaa = 'kaksi' >
< thead >
< th > Id th >
< th > Nimi th >
< th > Arvosana th >
< th > Rulla# th >
< th > Ikä th >
thead >
< tbody >
< tr >
< td > 1 td >
< td > John td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
tr >
< tr >
< td > kaksi 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 >
pöytä >

Luo sitten painike liittämällä ' klikkaamalla tapahtuma, joka käynnistää htmlTableToExcel() ”-funktio taulukon viemiseksi Excel-taulukkoon:

< painikkeen tunnus = 'painike' klikkaamalla = 'htmlTableToExcel('xlsx')' > Vie HTML-taulukko EXCELiin -painiketta >

Tulos näyttää taulukon tiedoilla:



JavaScript-koodi datataulukon viemiseksi taulukkoon on seuraava:

toiminto htmlTableToExcel ( tyyppi ) {
oli tiedot = asiakirja. getElementById ( 'tblToExcl' ) ;
oli Excel-tiedosto = XLSX. utils . table_to_book ( tiedot , { arkki : 'arkki1' } ) ;
XLSX. kirjoittaa ( Excel-tiedosto , { kirjatyyppi : tyyppi , kirjaSST : totta , tyyppi : 'base64' } ) ;
XLSX. kirjoitustiedosto ( Excel-tiedosto , ExportedFile:HTMLTableToExcel + tyyppi ) ;
}

Yllä oleva JavaScript-koodi noudattaa annettuja vaiheita taulukon viemiseksi Excel-taulukkoon:

  • Määritä funktio ' htmlTableToExcel() ' jonkin sisällä