Css 在p:datatable内对齐h:outputText

我有一个

，如下所示

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

由于上述原因，文本居中对齐。如果我将上述内容更改为

文本对齐：向左

，所有数据表也将在其他屏幕中更改。
因此我只想将更改应用于上述数据表，而不应用于其他数据表

---

如何实现它？

对于较旧的PrimeFaces版本（5.2之前的版本），请使用此代码使其左对齐

<div align="left"><h:outputText value="#{xx.nameame}" /></div>

---

对于较新的PrimeFaces版本，请参见可将样式放置在列上的位置。您还可以使用

style

属性和

float

类似选项

<h:outputLabel value="Max" style="float:left" />

---

在现代PrimeFaces版本（>5.1）中，内容周围的div不再呈现，因此问题以不同的方式得到解决（因为当您使用Qadir Hussain answer时，如果网页处于移动视图中，则列值显示在列名的下方（预期在列名的对面））

在最近的PrimeFaces版本中，“content”列内容周围的div不再出现，因此下面的“just works”

<p:column style="text-align: left" class="TexLeft">
......
....
</p:column>

......
....

---

所以你们可以给元素一个样式或者一个类，或者两者兼而有之，这将解决你们的响应性或者更复杂的问题

“JSF”没有将列视为div，而是在旧版本中的PrimeFaces在内容周围呈现了div。列单元格仍然是

。所以，在最新的PF版本中，高度向上投票的答案不再相关，您可以在列上“只”添加样式（类）。在这种情况下，更具体的选择器也会有助于将其应用于一个数据表。。。所有的基本技能都对我有用！我正在使用，而不是。这个答案并不好（尽管它有效）。一个更具体的选择器也可以将其应用于一个datatableYes，但例如，由于outputLabel呈现的是一个跨度，而不是一个div，因此将其应用于一个DataTable是不起作用的。将

style=“text align:left”

放在列上会更好

<p:column style="text-align: left" class="TexLeft">
......
....
</p:column>