gridstack.js issue base

Use this as a base for examples for gridstack.js issues.

by Alain Dumesny

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gridstack-jq.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/gridstack.min.css">
<h1>gridstack.js base demo for issues</h1>
<p>Fork and modify me to demonstrate your issue when creating an issue for gridstack.js</p>

<div class="grid-stack"></div>

CSS

.grid-stack {
  background: lightgoldenrodyellow;
}

.grid-stack-item-content {
  color: #2c3e50;
  text-align: center;
  background-color: #18bc9c;
}

JavaScript

var options = { // put in gridstack options here
  disableOneColumnMode: true, // for jfiddle small window size
};
var grid = GridStack.init(options);
var count = 0;
var items = [
  {x: 0, y: 0, w: 6, h: 3},
  {x: 6, y: 0, w: 6, h: 3},
  {x: 0, y: 3, w: 8, h: 2},
  {x: 0, y: 5, w: 4, h: 2}
];
items.forEach(n => n.content = String(count++));
grid.load(items);