p:rowExpansion 看起来像主 p:dataTable 的另一行答案

【问题标题】：p:rowExpansion looks like another row of main p:dataTablep:rowExpansion 看起来像主 p:dataTable 的另一行
【发布时间】：2015-09-08 05:45:26
【问题描述】：

有没有什么简单的方法可以统一rowExpansion和主dataTable里面的dataTable的外观？或者你有什么想法让它变得更好吗？我希望它看起来像相同数据表的隐藏行。以下是它的默认外观：

这是默认的 xhtml 代码：

<p:dataTable id="cars" var="car" value="#{carBean.someList}">
    <f:facet name="header">
        List of Cars
    </f:facet>

    <p:column style="width:16px">
        <p:rowToggler />
    </p:column>

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

    <p:columns value="#{scoresBean.otherList}" var="score" columnIndexVar="colIndex">
        <f:facet name="header">
            <h:outputText value="#{colIndex+1}" />
        </f:facet>
        <h:outputText value="#{car.scores[colIndex]}" />
    </p:columns>

    <p:rowExpansion>
        <p:dataTable id="cycs" var="cyc" value="#{car.semiScoresList}">
            <p:column>
                <h:outputText value="#{cyc.partName}" />
            </p:column>

            <p:columns value="#{scoresBean.otherList}" var="score" columnIndexVar="col">
                <h:outputText value="#{cyc.partsScores[col]}" />
            </p:columns>
        </p:dataTable>
    </p:rowExpansion>
</p:dataTable>

【问题讨论】：

标签： jsf primefaces datatable rowexpansion

【解决方案1】：

你不能，不是没有很多 css javascript 等。为此使用 p:treetable

【讨论】：