Panel grid with colspan and rowspan support

The panelGrid component extends the JSF <h:panelGrid> component with support of colspan, the number of columns a cell should span, and rowspan, the number of rows a cell should span, and the theming ability.

How to do it...

A basic definition for the panel grid would be as follows:

<p:panelGrid columns="2">
  <f:facet name="header">User Information</f:facet>
  <h:outputLabel for="firstname" value="First Name" />
  <p:inputText id="firstname" value="" label="firstname" />

  <h:outputLabel for="lastname" value="Last Name" />
  <p:inputText id="lastname" value="" required="true" 
  label="lastname"/>

  <f:facet name="footer">
    <p:commandButton type="button" value="Save" icon="ui-icon-check" style="margin:0"/>
  </f:facet>
</p:panelGrid>

This will render two columns with header and footer facets, as shown in the following screenshot:

How it works...

The p:row and p:column components...