rowExpansion中的可滚动数据表 - 填充列宽

Question

我试图将一个可滚动的数据表放在rowExpansion标记内，但结果数据表出来很奇怪，如下所示：

代码：

<p:rowExpansion>
<h:panelGrid id="display" columns="2" cellpadding="4"
             styleClass="ui-widget-content"
             columnClasses="label, value">
    <h:outputText value="Registrerad:"/>
    <h:outputText id="registered" value="#{campaignOfferGroupView.formatDate(offerGroup.registerDate)}"/>

    <h:outputText value="Senast ändrad:"/>
    <h:outputText id="changeDate" value="#{campaignOfferGroupView.formatDate(offerGroup.changeDate)}"/>

    <h:outputText value="Ändrad av:"/>
    <h:outputText id="changedBy" value="#{offerGroup.changedBy}"/>
</h:panelGrid>

<p:dataTable var="campaignCode" value="#{campaignOfferGroupView.getCampaignCodesForGroup(offerGroup.id)}"
             scrollable="true" scrollHeight="120">
    <f:facet name="header">
        Kampanjkoder tillhörande kampanjerbjudandegruppen
    </f:facet>

    <p:column headerText="ID">
        #{campaignCode.id}
    </p:column>

    <p:column headerText="Namn">
        #{campaignCode.description}
    </p:column>

    <p:column headerText="Start">
        #{campaignCode.startDate}
    </p:column>

    <p:column headerText="Stop">
        #{campaignCode.stopDate}
    </p:column>
</p:dataTable>

任何人都知道为什么会这样？如果我删除了scrollable属性，表格看起来很好：

顺便提一下，有没有办法删除由http://www.primefaces.org/showcase/ui/datatableScrolling.jsf中可见的可滚动DataTable创建的灰色空列？

编辑：我注意到ShowCase使用style属性修复了列大小。如果可能的话，我宁愿避免这种情况。