title: Primefaces responsive <p:panelGrid> not working with 5 columns
body: <p>Let's have some simple responsive primefaces <code>&lt;p:panelGrid&gt;</code> with 2, 3, 4, 5 and 6 columns (just as an example)</p>
  
  <pre><code> ...
  &lt;p:panelGrid columns="4" layout="grid"&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
  &lt;/p:panelGrid&gt;
  
  &lt;p:panelGrid columns="5" layout="grid"&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
  &lt;/p:panelGrid&gt;
  
  &lt;p:panelGrid columns="6" layout="grid"&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
     &lt;h:outputText value="Column"/&gt;
  &lt;/p:panelGrid&gt;
  ...
  </code></pre>
  
  <p>Probably I'm missing something...but somehow the responsive of the specific 5 columns <code>panelGrid</code> is not working properly. </p>
  
  <p>Here is an screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/Ler5K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ler5K.png" alt="enter image description here"></a></p>
  
  <p>Looking at the html, it seems to be that primefaces does not add the <code>ui-grid-col</code> class (is adding <code>null</code> instead) when there are 5 columns.</p>
  
  <p><a href="https://i.stack.imgur.com/3RdyN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3RdyN.png" alt="enter image description here"></a></p>
  
  <p>Any ideas? Maybe a primefaces bug or I'm missing something?</p>
  
  <p>Thanks for the help.</p>