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-h5.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/gridstack.min.css">
<div class="grid-stack"></div>

CSS

.grid-stack {
  background: lightgoldenrodyellow;
}

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

JavaScript

var grid = GridStack.init({cellHeight: 70});

var items = [
	{x: 0, y: 0, content: '0'},
  {x: 2, y: 0, content: '1'},
];

grid.addWidget(items[0]);
grid.addWidget(items[1]);
/* while this works */
/* grid.load(items); */