title: How to implement static sized grid like 3x3 in React-Grid-Layout
body: <p>I want to have a grid which will always have for example 3 rows and 3 columns.
  Now suppose these are my grid items</p>
  
  <pre><code>      &lt;div className="myClass" key="1"&gt;1&lt;/div&gt;
        &lt;div className="myClass" key="2"&gt;2&lt;/div&gt;
        &lt;div className="myClass" key="3"&gt;3&lt;/div&gt;
        &lt;div className="myClass" key="4"&gt;4&lt;/div&gt;
        &lt;div className="myClass" key="5"&gt;5&lt;/div&gt;
        &lt;div className="myClass" key="6"&gt;6&lt;/div&gt;
        &lt;div className="myClass" key="7"&gt;7&lt;/div&gt;
        &lt;div className="myClass" key="8"&gt;8&lt;/div&gt;
        &lt;div className="myClass" key="9"&gt;9&lt;/div&gt;
  </code></pre>
  
  <p>suppose all items have same width and height and are not resizable.</p>
  
  <p>If I drag 9 over to 6 aka vertically the items will just swap their places.
  However if I drag 9 over to 8 aka horizontally the 8 item will go down to a new row and 9 will be in place of 8 while the previous place of 9 will be empty.
  Is it possible to make items just swap places during horizontal drag as well, instead of creating a new row?</p>