|
|
||
|---|---|---|
| .. | ||
| .github | ||
| dist | ||
| src | ||
| test | ||
| website | ||
| .browserslistrc | ||
| .eslintrc.cjs | ||
| LICENSE | ||
| README-zh_CN.md | ||
| README.md | ||
| favicon.ico | ||
| index.html | ||
| jest.config.js | ||
| package.json | ||
| vite.config.js | ||
README.md
vue-grid-layout-v3
Documentation Website
What is Vue Grid Layout?
vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by React-Grid-Layout
Features
- Draggable widgets
- Resizable widgets
- Static widgets
- Bounds checking for dragging and resizing
- Widgets may be added or removed without rebuilding grid
- Layout can be serialized and restored
- Automatic RTL support (resizing not working with RTL on 2.2.0)
- Responsive
Current version: 3.1.0 (Supports Vue 3.2+)
upgrading from version 3.0 to version 3.1 has some break change
- GridLayout expose changed:
{ placeholderRef, emitter }->{ el, placeholderEl, emitter, placeholder } - GridItem expose changed:
{ calcXY, domRef }->{ calcXY, el }
For legacy browsers, like IE11, use version 2.3.12-legacy
For Vue 2.1.10+ use version 2.4.0
For Vue 2.1.10 and below use version 2.1.3
For Vue 1 use version 1.0.3
Documentation
Check out the Documentation Website
Projects using vue-grid-layout
Know of others? Create a PR to let me know!
Contribute
If you have a feature request, please add it as an issue or make a pull request.
3.0 version Developed by CoffeeBi
Developed by JBay Solutions
