title: dynamic flexible grid layout
body: <p>I want dashboards layed out against a flexible grid with the following requirements:</p>
  
  <ul>
  <li>total width is variable, and must always fit the screen, even at resizes</li>
  <li>cells may be merged</li>
  <li>all columns should have the same size (example, with 3 columns)</li>
  <li>same with rows</li>
  <li>total height should optionnaly fit the screen height</li>
  <li>those grid are user generated, so they can't be CSS hard-coded like the online generators do.</li>
  </ul>
  
  <p>Here's some pictures I've made:</p>
  
  <p><strong>example of user defined grid</strong>
  <img src="https://i.stack.imgur.com/ymBnZ.jpg" alt="example of user defined grid"></p>
  
  <p><strong>same example with merged cells</strong>
  <img src="https://i.stack.imgur.com/5HtNZ.jpg" alt="same example with merged cells"></p>
  
  <p><strong>same example scaled</strong>
  <img src="https://i.stack.imgur.com/sLOOW.jpg" alt="same example scaled"></p>
  
  <p>I'm looking for a plugin/code to achieve that, as I'm almost sure it can't be done in CSS (grid layout is not implemented yet in most browsers, as far as I know).
  The closest I got was generating a table, but sizing the cells ended up being a complete chaos (<a href="https://stackoverflow.com/questions/12862312/why-doesnt-this-table-look-neat">why doesn&#39;t this table look neat?</a>).</p>