You see the Properties window for a JavaServer Faces Data Table component
when you select the outer part of the component on a page that you are editing in the Visual Designer, or you select the dataTable part of this composite component in the Navigator window.
The Data Table part of this standard JavaServer Faces component has the following properties.
Type: textType: StringA color value can either be a hexadecimal number prefixed by a hash mark (#) or one of the following sixteen color names. The color names are case-insensitive.
| Color names and sRGB values | |||
|---|---|---|---|
| Black = "#000000" | Green = "#008000" | ||
| Silver = "#C0C0C0" | Lime = "#00FF00" | ||
| Gray = "#808080" | Olive = "#808000" | ||
| White = "#FFFFFF" | Yellow = "#FFFF00" | ||
| Maroon = "#800000" | Navy = "#000080" | ||
| Red = "#FF0000" | Blue = "#0000FF" | ||
| Purple = "#800080" | Teal = "#008080" | ||
| Fuchsia = "#FF00FF" | Aqua = "#00FFFF" | ||
Type: StringType: StringType: String Type: StringThe classes are applied left to right to the columns. If there are fewer sets of classes than the number of columns in the columns property, there will be columns on the right of the table to which classes are not applied. If there are more sets of classes than columns, the extra sets of classes will be ignored.
For example, the following list provides CSS classes for three columns. The styles class1 and class2 are applied to the first column, the style class3 is applied to the second column, and the styles class1 and class2 are applied to the third column:
class1 class2,class3,class1 class2
Type: String Type: String Type: StringThe classes are applied top to bottom, in turn, to the rows. For example, if rowClass contains two classes separated by commas, the first class is applied to the first row and the second class to the second row, then the first class is applied to the third row and the second class to the fourth row, and so on.
For example, the following list provides two sets of CSS classes. The styles class1 and class2 are applied to the first row, and the style class3 is applied to the second row. Then the process starts over with the third row.
class1 class2,class3
Type: int Type: String<thead>, <tfoot>, and <tbody> sections of the <table> element that is rendered. The renderer creates a <thead> around table and column headers, and a <tfoot> around table and column footers, resulting in a horizontal line below the headers (if any) and above the footers (if any). Type: Stringposition: absolute; left: 288px; top: 312px
You can enter values directly or click the ellipsis (...) button to use the Style Editor.
For a list of CSS2 style attributes, see the web page at
Type: String Type: String Type: StringType: String Type: ObjectThe types of objects to which this component can be bound are:
RowSetDataModel, created for you when you drop a database table on this componentjavax.faces.model.DataModel Type: StringThis property is automatically set for you when you drop a Data Table component on the page.
If you specify a value for the var property, the Data Table component will create an object representing the current row and store it as a request scope attribute with the name specified in the var property. You can then bind the value properties of the components inside the columns to the properties of this variable to ensure that they are updated properly.
The var property's default name is currentRow. A column component, for example, could bind to #{currentRow.PERSONID} for a database column or to #{currentRow.propertyname} for a JavaBean property name.
Type: String Type: String Type: String Type: String Type: String Type: String Type: String Type: String Type: String Type: String Type: Stringdir attribute of the HTML <input> tag.
Values can be:
Type: String Type: Stringlang attribute of the HTML <input> tag. To choose a language code, you can click the ellipsis button (...) to open the property editor. Some examples:
ar - Traditional Arabicde - Germanen - Englishes - Spanishfr - Frenchja - Japanese In addition to the codes available in the property editor, you can also enter additional codes using ISO standard names. Some examples:
en-US - United States Englishja-JP - Japanesezh-guoyu - Mandarin or Standard Chinese zh-Hans - Simplified Chinese scriptzh-HanT - Traditional Chinese script Type: booleanYou can bind this property to a variable that determines when the component does get rendered. For example, an airline reservation form might show a Data Table for frequent flyers and not show it for the general public. To bind this property, right-click the component in the Visual Designer and choose Property Bindings, and then select the All radio button to display all properties so you can select the rendered property.