Центрирование выходного текста в столбце данных простых чисел

Question

Я искал ресурсы в течение нескольких часов, пытаясь найти работающее решение для простой проблемы: как центрировать вывод текста в отдельных столбцах данных простых чисел?

Везде, куда я смотрю, говорится, что колонка окружена тегом <div>, что мне действительно кажется странным и неэффективным. Во многих местах говорят, что используется стиль = "центр", который не работает. Даже пример, приведенный в primefaces.org, демонстрирует расширения , показывает, что это не работает, где они имеют:

 <p:column filterBy="#{message.country}">  
      <f:facet name="header">  
         <h:outputText value="Country" />  
      </f:facet>  
         <h:outputText value="#{message.country}" style="center"/>  
 </p:column>  

Тем не менее, данные по стране выровнены по левому краю.

Чтобы центрировать текст в столбце:

<p:column headerText="Last Name">
    <h:outputText value="#{item.lastName}" />
</p:column>

Это:

<p:column headerText="Last Name">
    <div align="center">
        <h:outputText value="#{item.lastName}" />
    </div>
</p:column>

единственный способ?

Answer 1

Вы можете определить атрибут styleClass для элемента p: column, а затем использовать css для установки правильного стиля.

<p:column headerText="Last Name" styleClass="centeredColumnContent">
    <h:outputText value="#{item.lastName}" />
</p:column>

и в вашем css

td.centeredColumnContent{
    text-align: center;
}