Неправильный стиль p: dataTable с f: facet name = "header" - PullRequest
Новая
       5

Неправильный стиль p: dataTable с f: facet name = "header"

1 голос
/ 30 ноября 2011

Я показываю данные в <p:dataTable>, но это выглядит так

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>

Как я могу решить эту проблему? Заголовок и содержимое должны иметь одинаковую ширину столбца.

Ответы [ 2 ]

1 голос
/ 30 ноября 2011

Добавьте атрибут style="width:125px" к вашим столбцам, чтобы они выглядели так: 

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

Я также помещаю заголовок как атрибут столбца.Я не знаю, если это необходимо, но выглядит лучше.

См. Также PF Showcase

0 голосов
/ 30 ноября 2011

Какую версию вы используете?

Вам не нужно ставить facet в столбце;каждый столбец имеет атрибут headerText.Посмотрите на это: http://www.primefaces.org/showcase-labs/ui/datatableComplex.jsf.

...