2

我试图在 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>

有人知道这是为什么吗？如果我删除可滚动属性，表格看起来很好： 在此处输入图像描述

顺便说一句，有什么方法可以删除由可滚动 DataTable 创建的灰色空列，如http://www.primefaces.org/showcase/ui/datatableScrolling.jsf所示？

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

4

0 回答 0