Centering a column heading in a datatable

[E Paisley]

This is going to sound like a real newbie type question...

How do you center a column heading in a datatable. What I need to do is center the column heading but have the data be right aligned. I can't get the heading to act one way (center) and the column to act another (right aligned).

Any suggestions?

[Tim Holloway]

CSS

[E Paisley]

Thanks for the suggestion, although I am already doing that... The entire column only responds to the style in the header and not in the data values

    
<hx:columnEx id="columnEx20">
<f:facet name="header">
<h:outputText  value="Volume" id="text20" style="text-align: center"></h:outputText></f:facet>
<h:outputText id="textVolume2" value="#{varwrittenCertificates.volume}" style="border-color: black; text-align: right">
<hx:convertNumber />
</h:outputText>
</hx:columnEx>

[ October 01, 2008: Message edited by: Eric Paisley ]

[Himanshu Gupta]

Try this if using verbatim is OK for you.

  
 
<hx:columnEx id="columnEx20">
<f:facet name="header">
<f:verbatim>
<div align="center">
</f:verbatim>
 
<h:outputText  value="Volume" id="text20" style="text-align: center"></h:outputText>
 
<f:verbatim>
</div>
<f:verbatim>
</f:facet>
<h:outputText id="textVolume2" value="#{varwrittenCertificates.volume}" style="border-color: black; text-align: right">
<hx:convertNumber />
</h:outputText>
</hx:columnEx>
 

If it does not works out in this way try putting the whole column in div.
Hope this works.
[ October 01, 2008: Message edited by: Himanshu Gupta ]

[Tim Holloway]

Actually, it's usually enough to define a table headerClass attribute with centering, then define the columnClass for that column with right, left, or center alignment depending on what looks best for that column.

I do that all the time, such as when displaying columns with currency values (right-aligned) and text values (left-aligned), often centering items like dates and Y/N value columns.