Question

我正在使用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和桌面三。

我该怎么做？感谢

Answer 1

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

看这里，然后尝试一下。 Datagrid响应迅速。

DataGrid demo

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

1 个答案: