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

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

CSS

.grid-stack {
  background: lightgoldenrodyellow;
}

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

JavaScript

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

var options = {
  disableOneColumnMode: true, // for jfiddle small window size
};
var grid = GridStack.init(options).load(items)

// grid.column(2, 'scale'); // WORKS size-by-side in correct order
grid.column(2, function (column, oldColumn, nodes, oldNodes)
{
  oldNodes.forEach((n, i) => {
    n.x = i;
    //n.w = 1;
    nodes.push(n);
    console.log(i);
  });
  oldNodes.length = 0;
});