Data table header facet with multiple components?

Question

Hi,
I have a data table to which I wish to add buttons to change the sort order of the items displayed. However when I add the 'buttons' to the 'header' facet I get strange results - some components are shown, some are not, and the order they appear seems almost random.
Is the header / footer facet designed only for one component - or can I combine them somehow?
Code snippet is
<h:dataTable id="table" rowClasses="oddRow,evenRow" width="80%"
value="#{ControllerBean.orderedResults}" var="meet">
<h:column>
<f:facet name="header">
<h:commandLink action="#{ControllerBean.setOrder}">
<h:graphicImage value="/img/up.gif" style="border: 0px" />
<f:param name="order" value="up-title" />
</h:commandLink>
<h:outputText value="#{msgs.title}" />
<h:commandLink action="#{ControllerBean.setOrder}">
<h:graphicImage value="/img/down.gif" style="border: 0px" />
<f:param name="order" value="down-title" />
</h:commandLink>
</f:facet>
<h:outputText id="meetTitle"
value="#{meet.title}" />
</h:column>
etc..
So to be clear - I want a header that contains two graphic buttons separated by the text. When I run this code as is here, I get just the 'down' button, but by changing the order I can sometimes get the down button and the text......
Cheers
Reeling

Answer 1

Yes, you can place it in a panelGrid or panelGroup component.
The following is an excerpt from a book:
TIP: To place multiple components in a table header or footer, you must
group them in an h:panelGroup tag, or place them in a container component
with h:panelGrid or h:dataTable. If you place multiple components in a facet, only the
first component will be displayed.
Thus you could have something like:
               <f:facet name="header">
                    <h:panelGrid columns="1">
                         <h:outputText value="#{fields.recordings}" style="font-weight: bolder" />
                         <h:panelGroup>
                              <h:outputText value="#{fields.type}" style="font-weight: bolder"/>
                              <h:outputText value="#{fields.date}" style="font-weight: bolder"/>
                              <h:outputText value="#{fields.time}" style="font-weight: bolder"/>
                         </h:panelGroup>
                    </h:panelGrid>
               </f:facet>