title: Align p:dataList components in a panelGrid
body: <p>I am trying to align two list in a panelGrid
  Since one list is shorter than the other one I will have space between the panel and the shorter list top.</p>
  
  <p>I just want to align with no space between the panel top and both of them will have the same width (50% , 50%)</p>
  
  <pre><code> &lt;h:panelGrid columns="2" &gt;
      &lt;p:dataList value="#{disBean.productList}" var="prod" itemType="circle"&gt; 
          &lt;f:facet name="header"&gt;p&lt;/f:facet&gt;
          &lt;p:column&gt;#{prod.name} &lt;/p:column&gt;
          &lt;p:column&gt;#{prod.Version}&lt;/p:column&gt;
      &lt;/p:dataList&gt;
      &lt;p:dataList value="#{disBean.custList}" var="cust" itemType="circle"&gt; 
          &lt;f:facet name="header"&gt;c&lt;/f:facet&gt;
          &lt;p:column&gt;#{cust.name} &lt;/p:column&gt;
          &lt;p:column&gt;#{cust.Version}&lt;/p:column&gt;
      &lt;/p:dataList&gt;   
  &lt;/h:panelGrid&gt;
  </code></pre>
  
  <p>I try to use css (not in this example) but I didn’t find the correct combination.</p>
  
  <p>Any example will be great</p>
  
  <p>Thanks</p>