Šioje pamokoje bus aprašytas HTML lentelės duomenų eksportavimo į Excel naudojant JavaScript procesas.
Kaip eksportuoti HTML lentelę į „Excel“ naudojant „JavaScript“?
Norėdami eksportuoti lentelę iš HTML į „Excel“ skaičiuoklę, naudokite „JavaScript“ biblioteką LapasJS “. Tai suteikia funkcijų, leidžiančių skaityti, redaguoti ir eksportuoti skaičiuokles dirbant žiniatinklio naršyklėse.
Pridėkite žemiau esantį šaltinį LapasJS 'JavaScript biblioteka
< scenarijaus tipas = 'tekstas/javascript' src = 'https://unpkg.com/ [apsaugotas el. paštas] /dist/xlsx.full.min.js' > scenarijus >
Išbandykime pavyzdį, kaip eksportuoti HTML lentelę su duomenimis skaičiuoklėje.
Pavyzdys
Pirmiausia sukurkite lentelę HTML faile naudodami
< lentelės ID = 'tblToExcl' siena = 'du' >
< thead >
< th > Id th >
< th > vardas th >
< th > Įvertinimas th >
< th > Roll# th >
< th > Amžius th >
thead >
< tkūnas >
< tr >
< td > 1 td >
< td > Jonas td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
tr >
< tr >
< td > du td >
< td > Rohnda td >
< td > 7 td >
< td > 153 td >
< td > 12 td >
tr >
< tr >
< td > 3 td >
< td > Steponas td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
tr >
tkūnas >
stalo >
Tada sukurkite mygtuką, pridėdami „ paspaudus įvykis, kuris suaktyvins htmlTableToExcel() “, kad eksportuotų lentelę į „Excel“ lapą:
< mygtuko ID = 'mygtukas' paspaudus = 'htmlTableToExcel('xlsx')' > Eksportuokite HTML lentelę į EXCEL mygtuką >Išvestis rodo lentelę su duomenimis:
„JavaScript“ kodas, skirtas duomenų lentelei eksportuoti į lapą, yra toks:
funkcija htmlTableToExcel ( tipo ) {buvo duomenis = dokumentas. getElementById ( „tblToExcl“ ) ;
buvo excel failas = XLSX. utils . lentelė_į_knygą ( duomenis , { lapas : 'lapas1' } ) ;
XLSX. rašyti ( excel failas , { knygos tipas : tipo , knygaSST : tiesa , tipo : 'base64' } ) ;
XLSX. rašyti failą ( excel failas , „ExportedFile:HTMLTableToExcel“ + tipo ) ;
}
Aukščiau pateiktas „JavaScript“ kodas atlieka nurodytus veiksmus, kad eksportuotų lentelę į „Excel“ lapą:
- Apibrėžkite funkciją ' htmlTableToExcel() “ a