title: Panel grid layout in PrimeFaces
body: <p>I want a layout of <code>&lt;p:panelGrid&gt;</code> (or <code>&lt;h:panelGrid&gt;</code>) as shown in the <a href="https://i.stack.imgur.com/Gp2Cf.png" rel="nofollow noreferrer">following</a> snap shot.</p>
  
  <p><img src="https://i.stack.imgur.com/Gp2Cf.png" alt="enter image description here"></p>
  
  <p>The following code,</p>
  
  <pre><code>&lt;p:panelGrid style="width: 100%;"&gt;
      &lt;p:row&gt;
          &lt;p:column rowspan="9"&gt;a&lt;/p:column&gt;
          &lt;p:column rowspan="7"&gt;b&lt;/p:column&gt;
          &lt;p:column&gt;c&lt;/p:column&gt;
      &lt;/p:row&gt;
  
      &lt;p:row&gt;&lt;p:column&gt;d&lt;/p:column&gt;&lt;/p:row&gt;
      &lt;p:row&gt;&lt;p:column&gt;e&lt;/p:column&gt;&lt;/p:row&gt;
      &lt;p:row&gt;&lt;p:column&gt;f&lt;/p:column&gt;&lt;/p:row&gt;
      &lt;p:row&gt;&lt;p:column&gt;g&lt;/p:column&gt;&lt;/p:row&gt;
      &lt;p:row&gt;&lt;p:column&gt;h&lt;/p:column&gt;&lt;/p:row&gt;
      &lt;p:row&gt;&lt;p:column&gt;i&lt;/p:column&gt;&lt;/p:row&gt;
      &lt;p:row&gt;&lt;p:column&gt;j&lt;/p:column&gt;&lt;/p:row&gt;
      &lt;p:row&gt;&lt;p:column&gt;k&lt;/p:column&gt;&lt;/p:row&gt;
  &lt;/p:panelGrid&gt;
  </code></pre>
  
  <p>shows the layout as shown in the <a href="https://i.stack.imgur.com/vRrUB.png" rel="nofollow noreferrer">following</a> snap shot.</p>
  
  <p><img src="https://i.stack.imgur.com/vRrUB.png" alt="enter image description here"></p>
  
  <p>How can I achieve the layout as shown in first snap shot?</p>