Denna handledning kommer att definiera processen för att exportera HTML-tabelldata till Excel med JavaScript.
Hur exporterar man HTML-tabell till Excel med JavaScript?
För att exportera en tabell från en HTML till ett Excel-kalkylblad, använd JavaScript-biblioteket ' SheetJS ”. Den tillhandahåller funktioner för att läsa, redigera och exportera kalkylblad medan du arbetar i webbläsare.
Lägg till källan nedan för ' SheetJS ” JavaScript-bibliotek i
< skripttyp = 'text/javascript' src = 'https://unpkg.com/ [e-postskyddad] /dist/xlsx.full.min.js' > manus >
Låt oss prova ett exempel för att exportera en HTML-tabell med data i ett kalkylblad.
Exempel
Skapa först en tabell i HTML-fil med hjälp av
< tabell-id = 'tblToExcl' gräns = 'två' >
< thead >
< th > Id th >
< th > namn th >
< th > Kvalitet th >
< th > Rulla# th >
< th > Ålder th >
thead >
< kroppen >
< tr >
< td > 1 td >
< td > John td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
tr >
< tr >
< td > två td >
< td > Rohnda td >
< td > 7 td >
< td > 153 td >
< td > 12 td >
tr >
< tr >
< td > 3 td >
< td > Stefan td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
tr >
kroppen >
tabell >
Skapa sedan en knapp genom att bifoga en ' onclick ' händelse som kommer att utlösa ' htmlTableToExcel() ”-funktion för att exportera tabellen till ett Excel-ark:
< knapp-id = 'knapp' onclick = 'htmlTableToExcel('xlsx')' > Exportera HTML-tabell till EXCEL knapp >Utgången visar tabellen med data:
JavaScript-koden för att exportera datatabellen till ett ark är följande:
fungera htmlTableToExcel ( typ ) {var data = dokumentera. getElementById ( 'tblToExcl' ) ;
var Excel fil = XLSX. utils . table_to_book ( data , { ark : 'ark1' } ) ;
XLSX. skriva ( Excel fil , { boktyp : typ , bokSST : Sann , typ : 'base64' } ) ;
XLSX. skrivFil ( Excel fil , 'ExportedFile:HTMLTableToExcel' + typ ) ;
}
Ovanstående JavaScript-kod följer de givna stegen för att exportera tabellen till excel-arket:
- Definiera en funktion ' htmlTableToExcel() ' i en taggen eller JavaScript-filen genom att skicka ' typ ” som en parameter.
- Hämta sedan tabellen med dess id ' tblToExcl ' med hjälp av ' getElementById() 'metoden.
- Konvertera tabellen till ett ark genom att anropa ' table_to_book() 'metoden.
- Skriv tabelldata i excel-arket och ange filens namn.
Efter att ha klickat på knappen kommer arket att laddas ner.
Öppna den nedladdade filen, HTML-tabellen har nu exporterats till ett excelark:
Det framgår tydligt av skärmdumpen ovan att data har framgångsrikt exporterats till en excel-fil med hjälp av JavaScript.
Slutsats
För att exportera en HTML-tabell till ett Excel-kalkylblad, använd JavaScript-biblioteket ' SheetJS ”. Den erbjuder funktioner för att läsa, redigera och exportera kalkylblad medan du arbetar i webbläsare. Se till att data som ska exporteras skrivs i HTML-tabellen. Anledningen är att SheetJS tar raderna och kolumnerna från tabelltaggarna i HTML-dokumentet. Denna handledning beskrev export av HTML-tabelldata till ett Excel-ark.