Primefaces 行扩展中的可滚动数据表-混乱的列宽

我试图将一个可滚动的datatable放在rowExpansion标记中，但结果datatable却很奇怪，如下所示：

代码：

有人知道这是为什么吗？如果删除“可滚动”属性，则表看起来很好：

顺便问一下，是否有任何方法可以删除中所示的可滚动数据表创建的灰色空列

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

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