Centering panelGrid in table header

Question

I have a table with a number of columns and I would like that the header of each column be centered. This is straightforward in case the header is a single outputText component. However, in my case, some of the headers contain more than one component. For instance, some headers contain an h:outputText and a h:graphicImage side by side. I have to declare the heading of this column like this:
<f:facet name="header">
  <h:panelGrid columns="2">
    <h:outputText value="label"/>
    <h:graphicImage value="image.gif"/>
  </h:panelGrid>
</f:facet>I would like that the concatenation of the outputText and graphicImage side by side be centered.
How can this be done?
Martin
Edited by: martin_dubuc on Feb 11, 2009 9:50 AM

Answer 1

The rendering of the example above will be as follows. The header of that single column will contain the output text "label" and the "image.gif" graphic image side by side. If the output text occupies 100 pixels and the image 100 pixels, and if the column width is 1000 pixels, the output text and image will occupy the first 200 pixels of the header of the column and the rest or the header will be empty. I would like that the output text and image be centered in a way that the first 400 pixels of the header of the column are empty, the next 100 pixels contain the output text, the next 100 pixels the image and the remaining 400 pixels empty.
Martin