gridstack.js issue base

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

by Alain Dumesny

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/gridstack.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gridstack-h5.js"></script>
<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><a class="btn btn-default" onClick="addNewWidget()" href="#">Add Widget</a></div>
<br />

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

CSS

.grid-stack-item-content {
  background-color: #18bc9c;
}

JavaScript

var options = { // put in gridstack options here
  cellHeight: 70,
  minWidth: 600
};
var items = [
	{ w: 9, h: 2, minW: 9, minH: 2, x: 0, y: 0 },
  { w: 3, h: 2, minW: 3, minH: 2, x: 9, y: 0 },
  { w: 12, h: 1, minW: 12, minH: 1, x: 6, y: 6 },
];
var count = 0;
items.forEach(n => n.content = String(count++));

GridStack.init(options).load(items);