PRO xlsx import drag-drop
XLSX Viewer
Drag & drop any .xlsx file to open it instantly in the browser. No upload — everything runs locally.
How it works
This demo lets you open any .xlsx file entirely in the browser — no upload, no server, no backend. Drag a file onto the drop zone or click to pick one, and the spreadsheet renders instantly.
- Drag & drop or file-picker opens the .xlsx file as a binary ArrayBuffer in the browser
- worksheet.loadFromFile(file) parses the XLSX format and renders all cell values, styles, merges, and borders
- All processing happens client-side using ReoGrid's built-in XLSX parser — nothing leaves the browser
- The "Clear" button disposes the grid instance and resets to the empty drop-zone state
- Try opening an Excel file from your own computer — layout, fonts, and number formats should transfer correctly
Key APIs used
worksheet.loadFromFile(file) Parse and render an .xlsx File object (from a file input or drag-and-drop event) into the worksheet
createReogrid(options) Initialize the grid — called lazily on first file load so the workspace is empty until a file is opened
Source Code
TypeScript