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-all.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/gridstack.min.css">
<div class="grid-stack">
  <div class="grid-stack-item" gs-w="12" gs-x="0" gs-y="0">
    <div class="grid-stack-item-content">
      1
    </div>
  </div>
  <div class="grid-stack-item" gs-w="4" gs-x="0" gs-y="1">
    <div class="grid-stack-item-content">
      2
    </div>
  </div>
  <div class="grid-stack-item" gs-w="4">
    <div class="grid-stack-item-content">
      3
    </div>
  </div>
</div>

CSS

.grid-stack {
  background: lightgoldenrodyellow;
}

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

JavaScript

GridStack.init({
  cellHeight: 40,
  margin: '2.5px'
})