Vue Grid Layout

适用于 Vue.js 的可拖动、可调整大小的网格布局。「A draggable and resizable grid layout, for Vue.js.」

Github stars Tracking Chart

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: 2.4.0 (Supports Vue 2.2+)

For legacy browsers, like IE11, use version 2.3.12-legacy

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.

Developed by JBay Solutions

Overview

Name With Ownerjbaysolutions/vue-grid-layout
Primary LanguageJavaScript
Program languageHTML (Language Count: 5)
Platform
License:MIT License
Release Count36
Last Release Name2.4.0 (Posted on )
First Release Name0.1.1 (Posted on )
Created At2016-06-14 15:19:26
Pushed At2024-01-05 03:40:11
Last Commit At2023-06-14 17:03:15
Stargazers Count6.9k
Watchers Count124
Fork Count1.5k
Commits Count360
Has Issues Enabled
Issues Count589
Issue Open Count221
Pull Requests Count87
Pull Requests Open Count30
Pull Requests Close Count71
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private
To the top