title: Hide datalist rows if empty in primefaces
body: <p>I am trying to hide a datalist rows if they are empty, any ideas how to do that using a CSS class or any other best solution. I tried to use render attribute but it doesn't work fine for me. here is some code snippet for my code</p>
  
  <pre><code>&lt;p:tab id="airAccor" title="AIR" titleStyle="height: 20px; font-size :8pt; font-weight: bolder;"&gt;
    &lt;p:dataList value="#{wFDesignBean.components}" var="a" id="airComponentsOrderList"&gt;
      &lt;p:row rendered="#{a.functionality eq 1}"&gt;
        &lt;h:outputLabel id="airCompName" value="#{a.name}" title="#{a.name}" /&gt;
      &lt;/p:row&gt;
      &lt;p:draggable id="dragableForAirComp" for="airCompName" helper="clone"/&gt;
    &lt;/p:dataList&gt;
  &lt;/p:tab&gt;
  </code></pre>
  
  <p>the rendered attribute put the row empty, but it doesn't hide it. I need to hide the empty rows to make the view acceptable.</p>