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

- Transcrev
- Draxed
- cryptotiles
- Data Providers
- Cataholic

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