Question

我在我的项目中使用PrimeFaces 5.1。我需要单行拆分多行。在下面的图像链接6列向前多行。如果相同选项我该怎么办？在dataTable beanlist值中另一个beanlist，即在下面的链接前5列是第一个列表，接下来的6个是第二个列表。我怀疑它是如何拆分的。我尝试使用ui：repeat和c：foreach但是没有工作，p：panelgrid尝试但是它在columen中显示头部但是我需要为dataTable设置父表的头。

  [1]: http://i.stack.imgur.com/MrMSE.jpg

Answer 1

要解决您的问题，您需要一个类似于subTable的解决方案，但在新版本的 Primefaces已弃用。在这种情况下，您可以使用嵌套的dataTables，并将解决您的问题。

看这个例子：

<p:dataTable var="f" value="#{myMB.listFiles}">
    <f:facet name="header">
         Files
     </f:facet>

    <p:column headerText="File Name">
        <h:outputText value="#{f.name}" />
    </p:column>

    <p:column headerText="Details">
        <p:dataTable var="d" value="#{f.listDetails}" styleClass="myTable" >
            <p:column>
                <p:panelGrid columns="3">
                    <p:outputLabel value="#{d.time}" />
                    <p:outputLabel value="#{d.operation}" />
                    <p:outputLabel value="#{d.status}" />
                </p:panelGrid>
            </p:column>
        </p:dataTable>
    </p:column>
</p:dataTable>

一个问题是，如果未定义您的subGroup列表的标题，将显示列标题的小条，但带有一个简单的CSS 您可以解决此问题。

.myTable thead {
    display:none;
}

参考：

Primefaces dataTable分割多行

1 个答案: