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-jq.js"></script>
<div class="Xgrid-stack" id="grid1"></div>


<div class="Xgrid-stack" id="grid2"></div>

CSS

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

.grid-stack {
  border: 3px black solid
}

JavaScript

GridStack.addGrid(document.getElementById('grid1'), {
  float: true,
  row: 1,
  //column: 3,
  disableOneColumnMode: true,
  resizable: false,
  dragOut: true,
  acceptWidgets: true,

  children: [
    {x: 0, y: 0, w: 1},
    {x: 1, y: 0, h: 1},
  ]
})

GridStack.addGrid(document.getElementById('grid2'), {
  float: true,
  row: 1,
  //column: 3,
  disableOneColumnMode: true,
  resizable: false,
  dragOut: true,
  acceptWidgets: true,

  children: [
    {x: 0, y: 0, w: 1},
    {x: 1, y: 0, h: 1},
  ]
})