gridster.js

gridster.js lets your users move items on a grid setup using their mouse.

Additionally it can also let them grab the bottom right corner of a grid item and slowly resize it to a larger or smaller size.

The plugin supports multi-column layouts, collision detection, and automatic rearranging of grid elements.

gridster.js also comes with lots of customizable parameters for controlling the grid's margins, spacing, number of columns, and overall behavior.

Tested and working in Internet Explorer 9+, Opera, Firefox, Google Chrome, Safari. A demo is also included with the download package.

What is new in this release:

• Bug Fixes:
• draggable: namespace events with unique IDs

What is new in version 0.5.0:

• Bug Fixes:
• autogrow: refining autogrow_cols behavior and grid width issues.
• resize.stop: Call resize.stop at the latest possible moment.
• Features:
• draggable: Add toggle draggable method.

What is new in version 0.4.4:

• New Feature:
• resize: add start/stop/resize event triggers.

What is new in version 0.4.2:

• Bug Fixes:
• Recalculate grid width when adding widgets.

What is new in version 0.2.1:

• Added start/stop/resize callbacks.

Requirements:

• JavaScript enabled on client side
• jQuery