Denne vejledning vil definere processen for eksport af HTML-tabeldata til Excel ved hjælp af JavaScript.
Sådan eksporteres HTML-tabel til Excel ved hjælp af JavaScript?
For at eksportere en tabel fra en HTML til et Excel-regneark skal du bruge JavaScript-biblioteket ' SheetJS ”. Det giver funktioner til at læse, redigere og eksportere regneark, mens du arbejder i webbrowsere.
Tilføj nedenstående kilde til ' SheetJS ” JavaScript-bibliotek i
< script type = 'tekst/javascript' src = https://unpkg.com/ [e-mailbeskyttet] /dist/xlsx.full.min.js' > manuskript >
Lad os prøve et eksempel på at eksportere en HTML-tabel med data i et regneark.
Eksempel
Først skal du oprette en tabel i HTML-fil ved hjælp af
< tabel id = 'tblToExcl' grænse = 'to' >
< thead >
< th > Id th >
< th > Navn th >
< th > karakter th >
< th > Rulle# th >
< th > Alder th >
thead >
< kroppen >
< tr >
< td > 1 td >
< td > John td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
tr >
< tr >
< td > to 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 >
kroppen >
bord >
Opret derefter en knap ved at vedhæfte en ' onclick ' hændelse, der vil udløse ' htmlTableToExcel() ' funktion til at eksportere tabellen til et Excel-ark:
< knap-id = 'knap' onclick = 'htmlTableToExcel('xlsx')' > Eksporter HTML-tabel til EXCEL knap >Outputtet viser tabellen med data:
JavaScript-koden til eksport af datatabellen til et ark er som følger:
fungere htmlTableToExcel ( type ) {var data = dokument. getElementById ( 'tblToExcl' ) ;
var excelfil = XLSX. utils . tabel_til_bog ( data , { ark : 'ark1' } ) ;
XLSX. skrive ( excelfil , { bogtype : type , bogSST : rigtigt , type : 'base64' } ) ;
XLSX. skriveFil ( excelfil , 'ExportedFile:HTMLTableToExcel' + type ) ;
}
Ovenstående JavaScript-kode følger de givne trin for at eksportere tabellen til excel-arket:
- Definer en funktion ' htmlTableToExcel() ' i en tagget eller JavaScript-filen ved at sende ' type ” som parameter.
- Hent derefter tabellen med dens id ' tblToExcl ' ved hjælp af ' getElementById() ” metode.
- Konverter tabellen til et ark ved at kalde ' tabel_til_bog() ” metode.
- Skriv tabeldataene ind i excel-arket og indstil filens navn.
Når du har klikket på knappen, vil arket blive downloadet.
Åbn den downloadede fil, HTML-tabellen er nu eksporteret til et excel-ark:
Det fremgår tydeligt af skærmbilledet ovenfor, at dataene er blevet eksporteret til en excel-fil ved hjælp af JavaScript.
Konklusion
For at eksportere en HTML-tabel til et excel-regneark skal du bruge JavaScript-biblioteket ' SheetJS ”. Det tilbyder funktioner til læsning, redigering og eksport af regneark, mens du arbejder i webbrowsere. Sørg for, at de data, der skal eksporteres, er skrevet inde i HTML-tabellen. Årsagen er, at SheetJS tager rækkerne og kolonnerne fra Table-tags i HTML-dokumentet. Denne vejledning beskrev eksport af HTML-tabeldata til et Excel-ark.