Home » RichFaces Rich:Collapsiblesubtable

RichFaces Rich:Collapsiblesubtable

by Online Tutorials Library

RichFaces <rich:collapsibleSubTable>

This component acts as a child element to the <rich:dataTable>. It iterates through the child collections in the currently iterated object to create detailed tables.

The detailed part of the table can be collapsed or expanded.

The <rich:collapsibleSubTable> requires the same basic attributes as the <rich:dataTable> component. The value attribute holds the collection and the var attribute specifies a variable to use when iterating through the collection.

Style classes

The following table contains Style classes and corresponding skin parameters for the collapsibleSubTable.

Class Function Skin Parameters Mapped CSS properties
.rf-cst It is used to define styles for the table. No skin parameters.
.rf-cst-r It is used to define styles for a table row. No skin parameters.
.rf-cst-fst-r It is used to define styles for the first row in a table. No skin parameters.
.rf-cst-c It is used to define styles for a table cell. tableBackgroundColor background-color
.rf-cst-hdr It is used to define styles for a table header. No skin parameters.
.rf-cst-hdr-fst It is used to define styles for the first header. No skin parameters.
.rf-cst-hdr-fst-r It is used to define styles for the first row in the header. No skin parameters.
.rf-cst-hdr-c It is used to define styles for a header cell. tableSubHeaderBackgroundColo background-color
.rf-cst-shdr It is used to define styles for a table sub-header. No skin parameters.
.rf-cst-shdr-fst It is used to define styles for the first sub-header. No skin parameters.
.rf-cst-shdr-c It is used to define styles for a sub-header cell. tableSubHeaderBackgroundColor background-color
.rf-cst-ftr It is used to define styles for a table footer. No skin parameters.
.rf-cst-ftr-fst It is used to define styles for the first footer. No skin parameters.

Example

Here, in the following example, we are implementing <rich:collapsibleSubTable>component. This example contains the following files.

JSF File

// collapsible-data-table.xhtml

Managed Bean

// StudentRecord.java

Output:

RichFaces Collapsiblesubtable 1

It shows sub table after clicking on the Student ID.

RichFaces Collapsiblesubtable 2


You may also like