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

  <?xml version=’1.0′ encoding=’UTF-8′ ?>  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>  <ui:composition xmlns=”http://www.w3.org/1999/xhtml”  xmlns:h=”http://java.sun.com/jsf/html”  xmlns:f=”http://java.sun.com/jsf/core”  xmlns:ui=”http://java.sun.com/jsf/facelets”  xmlns:a4j=”http://richfaces.org/a4j”  xmlns:rich=”http://richfaces.org/rich”>  <f:view>  <h:head>  <title>Rich Data Table</title>  </h:head>  <h:body>  <h:form>  <rich:dataTable value=”#{studentRecord.records}” var=”record” rows=”4″>  <f:facet name=”header”>  <h:outputText value=”Student Records” />  </f:facet>  <rich:column>  <f:facet name=”header”>Student ID</f:facet>  <h:outputText value=”#{record.id}”/>  </rich:column>  <rich:column>  <f:facet name=”header”>Student Name</f:facet>  <h:outputText value=”#{record.name}”/>  </rich:column>  <rich:column >  <f:facet name=”header”>Student Email</f:facet>  <h:outputText value=”#{record.email}”/>  </rich:column>  <rich:column>  <f:facet name=”header”>Student Contact</f:facet>  <h:outputText value=”#{record.contactNumber}”/>  </rich:column>  </rich:dataTable>  </h:form>  </h:body>  </f:view>  </ui:composition>  

Managed Bean

// StudentRecord.java

  import java.util.ArrayList;  import java.util.List;  import javax.faces.bean.ManagedBean;  import javax.faces.bean.RequestScoped;  @ManagedBean  @RequestScoped  public class StudentRecord {  String id;  String name;  String email;  String contactNumber;  List<StudentRecord> records;  public StudentRecord(){}  public StudentRecord(String id, String name, String email, String contactNumber) {  this.id = id;  this.name = name;  this.email = email;  this.contactNumber = contactNumber;  }  public String getId() {  return id;  }  public void setId(String id) {  this.id = id;  }  public String getName() {  return name;  }  public void setName(String name) {  this.name = name;  }  public String getEmail() {  return email;  }  public void setEmail(String email) {  this.email = email;  }  public String getContactNumber() {  return contactNumber;  }  public void setContactNumber(String contactNumber) {  this.contactNumber = contactNumber;  }  public List<StudentRecord> getRecords() {  records = new ArrayList<StudentRecord>();  records.add(new StudentRecord(“101”, “Raju”, “raju@abc.com”, “52534252”));  records.add(new StudentRecord(“102”, “Rama”, “rama@abc.com”, “52235252”));  records.add(new StudentRecord(“103”, “John”, “john@abc.com”, “52456252”));  records.add(new StudentRecord(“104”, “Peter”, “peter@abc.com”, “55625252”));  return records;  }  public void setRecords(List<StudentRecord> records) {  this.records = records;  }  public int getNumberOfRecords(){  return this.records.size();  }  }  

Output:

RichFaces Datatable 1

Next TopicRichFaces <rich:collapsiblesubtable>

RichFaces Rich:Datatable

RichFaces <rich:dataTable>

Style classes and skin parameters

Example

JSF File

Managed Bean

Verbal Reasoning | Assertion and Reason 1

Components of Robot

You may also like