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ä
< 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ä -tunniste tai JavaScript-tiedosto välittämällä ' tyyppi ' parametrina.
- Hae sitten taulukko sen tunnuksella ' tblToExcl '' -sovelluksen avulla getElementById() ” menetelmällä.
- Muunna taulukko taulukoksi kutsumalla ' table_to_book() ” menetelmällä.
- Kirjoita taulukon tiedot Excel-taulukkoon ja aseta tiedoston nimi.
Kun napsautat painiketta, taulukko ladataan.
Avaa ladattu tiedosto, HTML-taulukko on nyt viety onnistuneesti Excel-taulukkoon:
Yllä olevasta kuvakaappauksesta käy selvästi ilmi, että tiedot on viety onnistuneesti Excel-tiedostoon JavaScriptin avulla.
Johtopäätös
Jos haluat viedä HTML-taulukon Excel-laskentataulukkoon, käytä JavaScript-kirjastoa ' SheetJS ”. Se tarjoaa ominaisuuksia laskentataulukoiden lukemiseen, muokkaamiseen ja viemiseen verkkoselaimissa työskennellessään. Varmista, että vietävä data on kirjoitettu HTML-taulukkoon. Syynä on se, että SheetJS ottaa rivit ja sarakkeet HTML-dokumentin taulukkotunnisteista. Tässä opetusohjelmassa kuvattiin HTML-taulukon tietojen vieminen Excel-taulukkoon.