x:table
The x:table tag provides JSF developers with
the precise control of an HTML table that is lost when
using h:panelGroup or h:panelGrid.
The x:table tag has attributes similar to the
attributes of the HTML table tag.
An x:table tag can contain optional
x:header and
x:footer tags.
If either of these tags are used,
the body of the table should be enclosed in a
x:body tag.
The body of the table is created using one or more
x:row tags,
each of which may contain one or more
x:heading or
x:column tags.
| Name |
Required |
Request-time |
Type |
Description |
| alignment |
false |
false |
java.lang.String |
The horizontal alignment of the table on the
page. Possible values are "center", "left", and "right". |
| backgroundColor |
false |
false |
java.lang.String |
The background color for the table. |
| borderWidth |
false |
false |
java.lang.String |
The width of the table border. |
| cellPadding |
false |
false |
java.lang.String |
The amount of padding within each table cell. |
| cellSpacing |
false |
false |
java.lang.String |
The amount of spacing between each table cell. |
| height |
false |
false |
java.lang.String |
The height of the table expressed in pixels or as
a portion of the page. |
| width |
false |
false |
java.lang.String |
The width of the table expressed in pixels or as
a portion of the page. |
<x:table alignment="center" borderWidth="2">
<x:row>
<x:heading>
<h:outputText value="First Name"/>
</x:heading>
<x:heading>
<h:outputText value="Last Name"/>
</x:heading>
</x:row>
<x:row>
<x:column>
<h:outputText value="Mario"/>
</x:column>
<x:column>
<h:outputText value="Andretti"/>
</x:column>
</x:row>
<x:row>
<x:column>
<h:outputText value="James"/>
</x:column>
<x:column>
<h:outputText value="Clark"/>
</x:column>
</x:row>
<x:row>
<x:column>
<h:outputText value="Emmerson"/>
</x:column>
<x:column>
<h:outputText value="Fittipaldi"/>
</x:column>
</x:row>
<x:row>
<x:column>
<h:outputText value="Mika"/>
</x:column>
<x:column>
<h:outputText value="Hakkinen"/>
</x:column>
</x:row>
<x:row>
<x:column>
<h:outputText value="Ayrton"/>
</x:column>
<x:column>
<h:outputText value="Senna"/>
</x:column>
</x:row>
<x:row>
<x:heading>
<h:outputText value="First Name"/>
</x:heading>
<x:heading>
<h:outputText value="Last Name"/>
</x:heading>
</x:row>
</x:table>
The preceeding example produces the following table.
| First Name |
Last Name |
| Mario |
Andretti |
| James |
Clark |
| Emmerson |
Fittipaldi |
| Mika |
Hakkinen |
| Ayrton |
Senna |