在h:datatable中对齐h:outputText

tec*_*360 3 css jsf primefaces

我有一个<h:outputText value="#{xx.nameame}" />在下面给出

<p:dataTable>
  <p:column width="200"  >
    <f:facet name="header"    >
      <h:outputText value="Header1" />
    </f:facet>
    <h:panelGroup rendered="#{xx.addFlag == false}">
      <h:outputText value="#{xx.nameame}" />
    </h:panelGroup>
  </p:column>
</p:dataTable>
Run Code Online (Sandbox Code Playgroud)

我想<h:outputText value="#{xx.nameame}" />在单元格示例的左侧对齐此字段的值:text-align:left

但问题是JSF本身,将列视为div标签,默认情况下分配css,即:

.ui-dt-c {
     white-space: normal;
     text-align: center;
}
Run Code Online (Sandbox Code Playgroud)

由于上述原因,文本对齐中心.如果我将上述内容更改为text-align: to left,则所有数据表也将在其他屏幕中更改.
因此,我想将更改仅应用于上述数据表而不是其他数据表.

我怎样才能实现它?

Qad*_*ain 20

对于较旧的PrimeFaces版本(5.2之前的版本),请使用此代码使其保持对齐状态.

<div align="left"><h:outputText value="#{xx.nameame}" /></div>
Run Code Online (Sandbox Code Playgroud)

对于较新的PrimeFaces版本,请参阅下面的答案,您可以将样式放在列上