Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/irfansimsar/svelte-spreadsheet-viewer
This is a hobby project to view and edit basic xlsx/xls spreadsheet files with some simple functions.
https://github.com/irfansimsar/svelte-spreadsheet-viewer
sheetjs spreadsheets svelte3 viewer xlsx xlsx-reader
Last synced: 3 months ago
JSON representation
This is a hobby project to view and edit basic xlsx/xls spreadsheet files with some simple functions.
- Host: GitHub
- URL: https://github.com/irfansimsar/svelte-spreadsheet-viewer
- Owner: irfansimsar
- License: mit
- Created: 2020-06-10T22:27:13.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T19:01:16.000Z (almost 2 years ago)
- Last Synced: 2024-09-29T12:03:33.894Z (3 months ago)
- Topics: sheetjs, spreadsheets, svelte3, viewer, xlsx, xlsx-reader
- Language: HTML
- Homepage: https://svelte-spreadsheet-viewer.surge.sh/
- Size: 1.06 MB
- Stars: 11
- Watchers: 3
- Forks: 0
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Spreadsheet Viewer
This is a hobby project to view and edit basic xlsx/xls spreadsheet files with some simple functions.
![Imgur](demo.gif)
## Motivation
- To take a sneak peek the [Svelte](https://svelte.dev) framework.
- To reduce the work of my friend who opens hundreds of tabs in browser to select products from Excel photos :)## To Do
- Grid view as an alternative to the table view.
- Toggle button to hide/show column settings.
- Input for update items per page.---
# Usage
[https://svelte-spreadsheet-viewer.surge.sh/](https://svelte-spreadsheet-viewer.surge.sh/)
or your local
*Note that you will need to have [Node.js](https://nodejs.org) installed.*
## Get started
Install the dependencies...
```bash
git clone https://github.com/irfansimsar/svelte-spreadsheet-viewer.git
cd svelte-spreadsheet-viewer
npm install
```...then start [Rollup](https://rollupjs.org):
```bash
npm run dev
```Navigate to [localhost:5000](http://localhost:5000). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.
By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.