2011-11-30 71 views
1

我顯示數據在一個<p:dataTable>,但它表明這樣P的錯誤樣式:dataTable中使用f:面名= 「標題」

enter image description here

視圖標記是直接的:

<h:form> 
    <p:dataTable id="campaignSummaryTable" var="mout" value="#{campaignSummarySearchRes.summaryList}" height="500" scrollable="true" > 
     <p:column> 
      <f:facet name="header"><h:outputText value="Campaign Code"/></f:facet> 
      <h:outputText value="#{mout.shortCode}"/> 
     </p:column> 
     <p:column> 
      <f:facet name="header"><h:outputText value="Message"/></f:facet> 
      <h:outputText value="#{mout.message}"/> 
     </p:column> 
     <p:column> 
      <f:facet name="header"><h:outputText value="Option 1"/></f:facet> 
      <h:outputText value="#{mout.option1}"/> 
     </p:column> 
     <p:column> 
      <f:facet name="header"><h:outputText value="Option 2"/></f:facet> 
      <h:outputText value="#{mout.option2}"/> 
     </p:column> 
     <p:column> 
      <f:facet name="header"><h:outputText value="Option 3"/></f:facet> 
      <h:outputText value="#{mout.option3}"/> 
     </p:column> 
     <p:column> 
      <f:facet name="header"><h:outputText value="Option 4"/></f:facet> 
      <h:outputText value="#{mout.option4}"/> 
     </p:column> 
     <p:column> 
      <f:facet name="header"><h:outputText value="Other"/></f:facet> 
      <h:outputText value="#{mout.other}"/> 
     </p:column> 
    </p:dataTable>     
</h:form> 

我該如何解決這個問題?標題和內容應具有相同的列寬。

回答

1

添加style="width:125px"屬性您的欄,它們看起來像這樣的:

<p:column headerText="Campaign Code" style="width:125px"> 
      <h:outputText value="#{mout.shortCode}" /> 
    </p:column> 

我也把標題作爲列的屬性。我不知道這是否必要,但它看起來更好。

See also PF Showcase