Using f:facet name="header" in h:panelGrid

Question

I'm battling with it for a week now...
I'm trying to create a table with 3 columns and to have header for each column.
This, don't display headers at all :
        <h:panelGrid styleClass="Context" columns="3">
            <h:panelGroup>
                <f:facet name="header">
                    <h:outputText value="#{prompts.Label_PROPERTYTYPE_ID}"/>
                </f:facet>
                <h:outputText value="null"/>
            </h:panelGroup>
            <h:panelGroup>
                <f:facet name="header">
                    <h:outputText value="#{prompts.Label_PROPERTYTYPE_DESCRIPTION}"/>
                </f:facet>
                <h:inputText value="#{PropertyType.typeDescription}" required="true"/>
            </h:panelGroup>
            <h:panelGroup>
                <f:facet name="header">
                    <h:outputText value=""/>
                </f:facet>
                <h:commandButton value="#{prompts.action_CREATE}"  action="#{PropertyType.Create}"/>
            </h:panelGroup>
        </h:panelGrid>While this compress all headers into one <th>
        <h:panelGrid styleClass="Context" columns="3">
            <f:facet name="header">
                <h:panelGroup>
                    <h:outputText value="#{prompts.Label_PROPERTYTYPE_ID}"/>
                    <h:outputText value="#{prompts.Label_PROPERTYTYPE_DESCRIPTION}"/>
                    <h:outputText value=""/>
                </h:panelGroup>
            </f:facet>
            <h:outputText value="null"/>
            <h:inputText value="#{PropertyType.typeDescription}" required="true"/>
            <h:commandButton value="#{prompts.action_CREATE}"  action="#{PropertyType.Create}"/>
        </h:panelGrid>Any help ?

Answer 1

Hello,
PanelGrid will not render as you want. Please see the documentation as how the rendering will happen for panelGrid.
http://java.sun.com/javaee/javaserverfaces/1.1_01/docs/tlddocs/h/panelGrid.html
You can use the following to get the output as you want:
<h:panelGrid styleClass="Context" columns="3">
<f:facet name="header">     
<h:dataTable>
<h:column id="col1">
<f:facet name="header">
<h:outputText value="#{prompts.Label_PROPERTYTYPE_ID}"/>
</f:facet>
</h:column>
<h:column id="col2">
<f:facet name="header">
<h:outputText value="# {prompts.Label_PROPERTYTYPE_DESCRIPTION}"/>
</f:facet>
</h:column>
<h:column id="col3">
<f:facet name="header">
<h:outputText value=""/>
</f:facet>
</h:column>
</h:dataTable>
</f:facet>
<h:outputText value="null"/>
<h:inputText value="#{PropertyType.typeDescription}" required="true"/>
<h:commandButton value="#{prompts.action_CREATE}" action="# {PropertyType.Create}"/>
</h:panelGrid>
- Kiran