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: text
Type: String
A 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: String
Type: String
Type: String
Type: String
The 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: String
The 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: String
position: 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: String
Type: String
Type: Object
The 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: String
This 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: String
dir
attribute of the HTML <input>
tag.
Values can be:
Type: String
Type: String
lang
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: boolean
You 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.