Jsf 2 f:facet name="；的p:dataTable的样式错误；标题“；

我在

中显示数据，但它是这样显示的

视图标记非常简单：

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

我怎样才能解决这个问题？标题和内容应具有相同的列宽。

为列添加

style=“width:125px”

属性，使它们看起来像这样：

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

我还将标题作为column的一个属性。我不知道这是否必要，但看起来好多了

为列添加一个

style=“width:125px”

属性，使它们看起来像这样：

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

我还将标题作为column的一个属性。我不知道这是否必要，但看起来好多了

---

您使用的是什么版本

---

您不必在列中放置

方面

；每列都有一个

headerText

属性。看看这个：。

你用的是什么版本

您不必在列中放置

方面

；每列都有一个

headerText

属性。看看这个：