title: Semantic UI rowspan layout
body: <p>I'm new to <a href="http://semantic-ui.com/" rel="nofollow">semantic ui</a> and would want to have <a href="https://jsfiddle.net/szu2ug23/" rel="nofollow">this kind of layout</a>. In <a href="http://semantic-ui.com/collections/grid.html#stretched" rel="nofollow">semantic ui's documentation</a>, I was able to find something that does the same but can't get it exactly right.</p>
  
  <p>Here's the HTML</p>
  
  <pre><code>&lt;div class="ui celled grid container"&gt;
    &lt;div class="row stretched equal width"&gt;
      &lt;div class="column"&gt;
        &lt;div class="ui segment"&gt;
          13
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="column"&gt;
        &lt;div class="ui segment"&gt;
          1
        &lt;/div&gt;
        &lt;div class="ui segment"&gt;
          2
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="column"&gt;
        &lt;div class="ui segment"&gt;
          1
        &lt;/div&gt;
        &lt;div class="ui segment"&gt;
          2
        &lt;/div&gt;
        &lt;div class="ui segment"&gt;
          3
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/60zfcfLx/" rel="nofollow">Here's a JSFiddle</a></p>
  
  <p>In plain HTML, I am able to do so:</p>
  
  <pre><code>&lt;table border="1" width="100%"&gt;
    &lt;tr&gt;
      &lt;td rowspan="2"&gt;13&lt;/td&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;6&lt;/td&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/szu2ug23/" rel="nofollow">Here's a JSFiddle</a></p>
  
  <p>How would I be able to achieve this layout using semantic ui?</p>