java - PrimeFaces:如何设置 p:subtable 列的宽度

Question

我要在我的页面中呈现以下结构:

<p:dataTable value="#{bean.persons}" var="person">
    <p:subTable value="#{person.children}" var="child">
        <f:facet name="header">
            <h:outputText value="Person: #{person.name}" />
        </f:facet>
        <p:columnGroup type="header">
            <p:row>
                <p:column headerText="Name"/>
                <p:column headerText="Years" />
                <p:column headerText="Birth Date" />                
            </p:row>
        </p:columnGroup

        <p:column>
            <h:outputText value="#{child.name}" />
            <h:outputText value="#{child.years}" />
            <h:outputText value="#{child.birthDate}" />
        </p:column>
    </p:subTable
</p:dataTable

我希望它打印成这样:

但不幸的是，即使我更改了“p:column”标签中的“width”、“style”或“styleClass”属性，宽度始终分布在子表中的行宽中:

我该如何解决？无论如何，我可以解决这个问题吗？

Answer 1

将 style/styleClass 标签放在 p:column 中的 <p:columnGroup type="header">

使用 Primefaces 5.3、Mojarra 2.2 测试

<p:dataTable value="#{bean.persons}" var="person">
<p:subTable value="#{person.children}" var="child">
    <f:facet name="header">
        <h:outputText value="Person: #{person.name}" />
    </f:facet>
    <p:columnGroup type="header">
        <p:row>
            <p:column headerText="Name" style="width: 500px"/>
            <p:column headerText="Years" />
            <p:column headerText="Birth Date" />                
        </p:row>
    </p:columnGroup

    <p:column>
        <h:outputText value="#{child.name}" />
    </p:column>
    <p:column>
        <h:outputText value="#{child.years}" />
    </p:column>
    <p:column>
        <h:outputText value="#{child.birthDate}" />
    </p:column>
</p:subTable
</p:dataTable