JSF 1.1 Table Column Component

See Also

A Table Column component is part of a Table component and is always associated with a Table Row Group component in the table. When you add a Table component to a Visual Web JSF page, a Table Row Group component containing three Table Column components is automatically added to the Table Component. You can drag a Table Column component Column Component Icon to a Visual Web JSF page in the Visual Designer and drop it on an existing Table Column in a Table Row Group, or you can drop it on a Table Row Group node in the Navigator window.

Table Column components are the equivalent of <td> tags in HTML and are always associated with Table Row Group components. The Table Column component is called a tableColumn in the JSP code, and the associated Java class in the page bean is TableColumn.

Working with a Table Column Component

To work with a Table Column component, you can select it either in the Visual Designer or in the Navigator window and then edit its properties. With the Table Column selected in the Visual Designer, you can right-click and choose a number of options from the pop-up menu, some of which are described below:

Table Column Layout Elements

The Table Column component is used to define attributes for XHTML <td> elements, which are used to display table data cells. However, the rendering of column headers and footers is handled by the Table Row Group component. The following table shows the layout of a Table component, with the areas defined with Table Column properties in blue and the rest of the Table component in gray.

Title Bar 
Action Bar (top)  
Column Header (specified with headerText property) Column Header (specified with headerText property)
Group Header Bar 
Table data




Table data
Column Footer (specified with footerText property) Column Footer (specified with footerText property)
Group Footer Bar 
Table Column Footer (specified with tableFooterText property) Table Column Footer (specified with tableFooterText property)
Action Bar (bottom) 
Footer

Column Header

The Column Header area displays a header for each table column.  If you specify the text of a column header with the headerText property, the default implementation of the header is rendered. You can add extra HTML code to the header's rendered <td> element with the extraHeaderHtml property.

The following Column properties can be used to change the appearance and behavior of sorting of the Column Header:

Column Footer

The Column Footers area displays a footer for each table column. If you specify the text of a column footer with the footerText property, the default implementation of the footer is rendered. You can add extra HTML code to the footer's rendered <td> element with the extraFooterHtml property.

Table Column Footer

The Table Column Footers area displays column footers at the bottom of the table. Table column footers are useful in tables with multiple groups of rows. If you specify the text of table column footers with the tableFooterText property, the default implementation of the footer is rendered. You can add extra HTML code to the table footer's rendered <td> element with the extraTableFooterHtml property.

See Also
Binding Component Properties
Working With Components
Component Tasks: Quick Reference
About the Visual Web Palette

Legal Notices