--- sidebar_position: 1 hide_table_of_contents: true title: Overview --- # SheetJS CE ![License](https://img.shields.io/github/license/SheetJS/sheetjs) [![Build Status](https://img.shields.io/github/workflow/status/sheetjs/sheetjs/Tests:%20node.js)](https://github.com/SheetJS/sheetjs/actions) [![Snyk Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/github/SheetJS/sheetjs)](https://snyk.io/test/github/SheetJS/sheetjs) [![npm Downloads](https://img.shields.io/npm/dm/xlsx.svg)](https://cdn.sheetjs.com/) [![GitHub Repo stars](https://img.shields.io/github/stars/SheetJS/sheetjs?style=social)](https://github.com/SheetJS/sheetjs) SheetJS Community Edition offers battle-tested open-source solutions for extracting useful data from almost any complex spreadsheet and generating new spreadsheets that will work with legacy and modern software alike. [SheetJS Pro](https://sheetjs.com/pro) offers solutions beyond data processing: Edit complex templates with ease; let out your inner Picasso with styling; make custom sheets with images/graphs/PivotTables; evaluate formula expressions and port calculations to web apps; automate common spreadsheet tasks, and much more! ## Simple Examples The code editors are live -- feel free to edit! Due to technical limitations, they showcase ReactJS patterns. Other parts of the documentation will cover more common use cases including plain JavaScript. ### Export an HTML Table to Excel XLSX
How to add to your site (click to show) 1) Make sure your table has an ID: ```html ``` 2) Include a reference to the SheetJS Library in your page: ```html ``` 3) Add a button that users will click to generate an export ```html ``` 4) Add an event handler for the `click` event to create a workbook and download: ```js document.getElementById("sheetjsexport").addEventListener('click', function() { /* Create worksheet from HTML DOM TABLE */ var wb = XLSX.utils.table_to_book(document.getElementById("TableToExport")); /* Export to file (start a download) */ XLSX.writeFile(wb, "SheetJSTable.xlsx"); }); ```
Live Example (click to hide) ```jsx live /* The live editor requires this function wrapper */ function Table2XLSX(props) { /* Callback invoked when the button is clicked */ const xport = React.useCallback(async () => { /* Create worksheet from HTML DOM TABLE */ const table = document.getElementById("Table2XLSX"); const wb = XLSX.utils.table_to_book(table); /* Export to file (start a download) */ XLSX.writeFile(wb, "SheetJSTable.xlsx"); }); return (<>
SheetJS Table Export
AuthorID你好!
SheetJS7262வணக்கம்!
Powered by SheetJS
); } ``` SheetJS Pro Basic extends this export with support for CSS styling and rich text.
### Download and Preview a Numbers workbook
How to add to your site (click to show) 1) Create a container DIV for the table: ```html
``` 2) Include a reference to the SheetJS Library in your page: ```html ``` 3) Add a script block to download and update the page: ```html ```
Live Example (click to show) ```jsx live /* The live editor requires this function wrapper */ function Numbers2HTML(props) { const [html, setHTML] = React.useState(""); /* Fetch and update HTML */ React.useEffect(async() => { /* Fetch file */ const f = await fetch("https://sheetjs.com/pres.numbers"); const ab = await f.arrayBuffer(); /* Parse file */ const wb = XLSX.read(ab); const ws = wb.Sheets[wb.SheetNames[0]]; /* Generate HTML */ setHTML(XLSX.utils.sheet_to_html(ws)); }, []); return (
); } ``` SheetJS Pro Basic extends this import with support for CSS styling and rich text.
### Convert a CSV file to HTML Table and Excel XLSX
Live Example (click to show) ```jsx live /* The live editor requires this function wrapper */ function Tabeller(props) { /* Starting CSV data -- change data here */ const csv = `\ This,is,a,Test வணக்கம்,สวัสดี,你好,가지마 1,2,3,4`; /* Parse CSV into a workbook object */ const wb = XLSX.read(csv, {type: "string"}); /* Get the worksheet (default name "Sheet1") */ const ws = wb.Sheets.Sheet1; /* Create HTML table */ const id = "tabeller"; // HTML TABLE ID const __html = XLSX.utils.sheet_to_html(ws, { id }); return (<> {/* Show HTML preview */}
{/* Export Button */} ); } ```
### Browser Testing [![Build Status](https://saucelabs.com/browser-matrix/sheetjs.svg)](https://saucelabs.com/u/sheetjs) ### Supported File Formats ![circo graph of format support](./img/formats.png) ![graph legend](./img/legend.png)