Javatpoint Logo
Javatpoint Logo

RichFaces <rich:dataTable>

This component is used to render a table. It displays data in tabular form. It works with the <rich:column> and <rich:columnGroup> components to list the contents of a data model.

The value attribute is used to hold data model and the var attribute specifies a variable to use when iterating through the data model.

The dataTable requires a set of <rich:column> components to define the content.

Style classes and skin parameters

The following table cotains the Style classes and corresponding skin parameters for dataTable.

Class Function Skin Parameters Mapped CSS properties
.rf-dt It is used to define styles for the table. tableBackgroundColor tableBorderWidth background-color border-left-width, border-top-width
.rf-dt-cap It is used to define styles for the table caption. No skin parameters.
.rf-dt-r It is used to define styles for a table row. No skin parameters.
.rf-dt-fst-r It is used to define styles for the first row in a table. No skin parameters.
.rf-dt-c It is used to define styles for a table cell. tableBackgroundColor tableBorderWidth background-color border-bottom-width, border-right-width
.rf-dt-nd It is used to define styles for a node. tableBorderColor border-bottom-color, border-right-color
.rf-dt-hdr It is used to define styles for a table header. No skin parameters.
.rf-dt-hdr-fst It is used to define styles for the first header. No skin parameters.
.rf-dt-hdr-c It is used to define styles for a header cell. tableHeaderBackgroundColor tableBorderWidth background-color border-bottom-width, border-right-width
.rf-dt-shdr It is used to define styles for a table sub-header. No skin parameters.
.rf-dt-shdr-fst It is used to define styles for the first sub-header. No skin parameters.
.rf-dt-shdr-c It is used to define styles for a sub-header cell. tableHeaderBackgroundColor background-color
.rf-dt-ftr It is used to define styles for a table footer. No skin parameters.
.rf-dt-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:dataTable> component. This example contains the following files.

JSF File

// data-table.xhtml

Managed Bean

// StudentRecord.java

Output:

RichFaces Datatable 1




Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA