Css 右对齐datatable列中的单元格内容

我想右对齐outputText值（即下面的fee.TableAmount），并且我想保持该列的标题居中。要实现这一点，我必须将什么参数传递到下面的outputText

<h:dataTable>
    ...
    (other columns)
    ...
    <h:column headerClass="columnCenter">
        <f:facet id="header_agency" name="header">
            <h:outputText value="Amount"/>
        </f:facet>
        <h:outputText value="#{fee.tableAmount}">
            <f:convertNumber maxFractionDigits="2" groupingUsed="true"
                currencySymbol="$" type="currency" />
        </h:outputText>
    </h:column>
</h:dataTable>

...
（其他栏目）
...

我刚刚为其他想知道的人添加了style=“float:right”

<h:outputText style="float:right" value="#{fee.tableAmount}">
   ...
</h:outputText>

...

正如您所说，如果您直接在

上定义一个

浮点：right

，如下所示：

<h:outputText style="float: right;" value="#{fee.tableAmount}"/>

然后，将此CSS类指定给您的列：

<rich:column styleClass="textOnRight" headerClass="columnCenter">
    <f:facet name="header">
        <h:outputText value="Amount"/>
    </f:facet>
    <h:outputText value="#{fee.tableAmount}">
        <f:convertNumber maxFractionDigits="2" groupingUsed="true"
            currencySymbol="$" type="currency" />
    </h:outputText>
</rich:column>

---

顺便说一下，在

中设置

id

没有任何作用，因为此组件不处理此属性。

您可以使用

的

columnClasses

属性在同一列的所有单元格上指定CSS类。您可以传递一个逗号分隔的类名字符串

<h:dataTable columnClasses="column1,column2,column3">

---

它在语义上比

float:right更正确，在技术上也更健壮

正确，但奇怪的是，对于

..

表头，似乎只能指定类。因此：列数据的CSS类取自如上所述的

，每个

@Arjan:the的列标题的CSS也有一个

headerClass

属性。另请参阅上述链接标记文档中的“呈现标题”部分。是的，但这适用于所有列标题，并且不是特定列的特定类的逗号分隔列表。啊，是的，我现在明白了。是的，必须在

的

headerClass

属性中指定各个列标题。如果有一个

和/或

，这是有意义的。嗯，考虑向JSF规范成员发布一个增强请求。

<h:dataTable columnClasses="column1,column2,column3">

<h:dataTable columnClasses="none,none,right,none">

td.right {
    text-align: right;
}