title: How to set a predefined height or width for "grid-stack-item" with acceptWidgets
body: <p>I'm using gridstack with acceptWidgets to drag-and-drop widgets from a left side panel to the main panel, kind of similar to <a href="http://gridstackjs.com/demo/two.html" rel="nofollow noreferrer">http://gridstackjs.com/demo/two.html</a></p>
  
  <p>In my case, I want to set height, width and other <a href="https://github.com/gridstack/gridstack.js/tree/develop/doc#item-attributes" rel="nofollow noreferrer">item attributes</a> to my "grid-stack-item". However, setting up those attributes won't affect when the item is dropped in the gridstack.</p>
  
  <p>Here is a JSFiddle: <a href="https://jsfiddle.net/trevisan/wt7bg6s1/8/" rel="nofollow noreferrer">https://jsfiddle.net/trevisan/wt7bg6s1/8/</a></p>
  
  <p>Note that the "Drag me" element has data-gs-width="6" which I expected to make it stretch as my gridstack has 6 columns.</p>
  
  <pre><code>&lt;div class="grid-stack-item" data-gs-width="6"&gt;
    &lt;div class="grid-stack-item-content"&gt;Drag me&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried to call <a href="https://github.com/gridstack/gridstack.js/tree/develop/doc#makewidgetel" rel="nofollow noreferrer">makeWidget</a> method but then I end up having two widgets on my gridstack.</p>
  
  <p>Does anyone have an idea how to figure that out?</p>