Primefaces dataGrid动态列数取决于显示宽度

我使用的是Primefaces 5.2.x 我实现了一个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>

艾尔达滕酒店

到目前为止，这是可行的。 但现在我总是在自己的一行有3个面板。 在iphone 6、平板电脑和桌面上，每行始终有3列。 只有当我把宽度减到最小的时候。它会中断以每行仅显示一个条目

现在，我想在移动设备上，比如iphone，默认情况下每行只显示一个条目。在平板电脑2和台式机3上

我该怎么做？

---

谢谢

也许你应该升级到PrimeFaces的最新版本

看这里，试试看。数据网格是响应的

---

也许您应该升级到PrimeFaces的最新版本

看这里，试试看。数据网格是响应的

---

它确实是响应性的，但在我看来，“完全响应”是非常重要的。它没有为不同的窗口大小配置8、5、3列的选项（据我所知），但这可能是一个不错的添加。也许我们应该提交一个增强请求。如果默认行为不满足要求，您可以使用CSS进行调整。我知道，但我可以创建一个带有一些div、ui:repeat、一些CSS等的响应数据网格。；-）将其作为“响应性”组件的一部分会更好。它确实是响应性的，但在我看来，“完全响应性”是非常重要的。它没有为不同的窗口大小配置8、5、3列的选项（据我所知），但这可能是一个不错的添加。也许我们应该提交一个增强请求。如果默认行为不满足要求，您可以使用CSS进行调整。我知道，但我可以创建一个带有一些div、ui:repeat、一些CSS等的响应数据网格。；-）将其作为“响应性”组件的一部分会更好。