Format of table displayed using h:panelGrid tag

Question

Hi ,
I want to display a table using h:panelGrid as below
Account Information - This is the caption for the table
Account Name : bola
Account Number: 12345
<h:panelGrid columns="2"
             cellspacing="0"
             styleClass="abc">
<f:facet name="header">
<h:outputText value="Account Name" />
</f:facet>
<h:outputText value="#{controller.accountname}" />
<f:facet name="header">
   <h:outputText value="Account Number" />
</f:facet>  
<h:outputText value="#{controller.accountnumber}" />
</h:panelGrid>If i code like this i get
Account Name
Bola
I want the generated HTML to be something like this:
table cellspacing="0" class="abc">
          <caption class="marTopNone">Account Information</caption>
          <tr>
               <th>Account Name:</th>
               <td>bola</td>
          </tr>
          <tr>
               <th>Account number</th>
               <td>1234</td>
          </tr>Iam not sure if can acheive this using h:panelGrid tag . Please advise.
Thank you
Edited by: twisai on Oct 21, 2009 8:40 AM

Answer 1

Hi Balusc,
thanks for the reply . But if i put both the column names in the facet header only one column name is generated as header . The output i get is
Accout Name
bola | 1234
I want data my table to be like
Account Name : bola
Account no: 1234
Please let me know if i can generate table in this format using <h:paneGrid> tag
Thank you so much