Primefaces Datagrid dynamische Anzahl der Spalten auf der Anzeigebreite abhängig

Question

ich verwende Primefaces 5.2.x implementiert ich ein Datagrid:

<p:dataGrid var="data" value="#{dataGrid.data}" columns="3" layout="grid" 
         rows="12" paginator="true" id="dataview"> 
<f:facet name="header"> 
    Ihre Daten 
</f:facet> 
<p:commandLink update=":form:dataDetail" oncomplete="PF('dataDialog').show()" title="View Detail"> 
    <p:panel header="#{data.id}" style="text-align:center"> 
     <p:panelGrid columns="1" style="width:100%"> 
      <h:outputText value="#{data.nummer}" /> 
      <h:outputText value="#{data.name}" /> 
      <h:outputText value="#{data.kurzname}" /> 
      <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" /> 
     </p:panelGrid> 
    </p:panel> 
    <f:setPropertyActionListener value="#{data}" target="#{dataGrid.selectedData}" /> 
</p:commandLink></p:dataGrid> 

Das bisher funktioniert. Aber jetzt habe ich immer 3 Panels in eigener Reihe. auf iPhone 6, auf dem Tablet, auf dem Desktop immer 3 Spalten pro Zeile. Nur wenn ich die Breite stark reduziere. Es bricht, um nur einen Eintrag pro Zeile anzuzeigen.

Jetzt möchte ich das auf mobilen Geräten, wie iPhone, standardmäßig wird nur ein Eintrag pro Zeile angezeigt. Auf Tablets zwei und auf Desktop drei.

Wie kann ich das tun? Danke

Answer 1

vielleicht sollten Sie auf die neueste Version von PrimeFaces aktualisieren.

Schauen Sie hier, und probieren Sie es aus. Das Datagrid reagiert.

DataGrid demo