https://github.com/kanryu/datagrid
A sample implementation of a large table view that behaves like an Excel spreadsheet implemented in Vue3.
https://github.com/kanryu/datagrid
Last synced: 6 months ago
JSON representation
A sample implementation of a large table view that behaves like an Excel spreadsheet implemented in Vue3.
- Host: GitHub
- URL: https://github.com/kanryu/datagrid
- Owner: kanryu
- License: mit
- Created: 2022-03-05T18:00:43.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-05T22:14:57.000Z (over 4 years ago)
- Last Synced: 2025-02-10T03:26:50.950Z (over 1 year ago)
- Language: Vue
- Size: 269 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# DataGrid
A sample implementation of a large table view that behaves like an Excel spreadsheet implemented in Vue3.
## Summary
Obviously, displaying a spreadsheet with thousands of rows in a browser takes a long time to display.
Therefore, by tagging only the area currently displayed by the browser, the cost required for rendering the browser is reduced.
Inconsistencies that occur when scrolling pages are resolved with JavaScript.
## Features
- Clear and concise tag structure
- High speed because only the display range is rendered
- Easy to learn and improve because it is implemented in the popular Vue3.
## Demo
https://kanryu.github.io/DataGrid/
## Project setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn serve
```
### Compiles and minifies for production
```
yarn build
```
### Lints and fixes files
```
yarn lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).