Primefaces dataTable拆分多行答案

【问题标题】：Primefaces dataTable split multiple rowsPrimefaces dataTable拆分多行
【发布时间】：2016-10-02 10:36:39
【问题描述】：

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

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

【问题讨论】：

你检查过 PF 展示的可能性吗？例如“扩展”数据表？
@Jaqen 我需要一次显示同一行但在行扩展中单击以展开并显示在下面

标签： jsf-2 primefaces

【解决方案1】：

要解决您的问题，您需要像 subTable 这样的解决方案，但在新版本的 Primefaces 它已被弃用。在这种情况下，您可以使用嵌套的数据表，并会解决您的问题。

看这个例子：

<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>

一个问题是如果您的子组列表的标题没有定义，一个将显示列标题的小栏，但使用简单的 css 你可以解决这个问题。

.myTable thead {
    display:none;
}

参考：

【讨论】：