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:
It shows sub table after clicking on the Student ID.
|