10. Trinidad Core Tag Reference
Contents > Trinidad Core Tag Reference > tr:column
tr:column |
|
The tr:column tag must be the first child component of the table component to produce each column of the table.
Example
<tr:table width="100%" emptyText="No data available.">
<tr:column>
<f:facet name="header">
<tr:outputText value="Column 1 Header" />
</f:facet>
<tr:outputText value="Row Data" />
<f:facet name="footer">
<tr:outputText value="Column 1 Footer" />
</f:facet>
</tr:column>
<tr:column>
<f:facet name="header">
<tr:outputText value="Column 2 Header" />
</f:facet>
<tr:outputText value="Row Data" />
<f:facet name="footer">
<tr:outputText value="Column 2 Footer" />
</f:facet>
</tr:column>
</tr:table>
Rendered Output
|
Tag Attributes
| align |
Enumerated |
| |
| The align attribute sets the alignment of the column. Valid values are “start” (left), “end” (right) and “center”. The default value is “start”. |
| attributeChangeListener |
Text |
| |
| The attributeChangeListener attribute contains the reference to a method that is invoked when the renderer changes a property without the application’s request. |
| binding |
Expression |
| |
| The value-binding expression linking this component tag to a backing bean property. |
| defaultSortOrder |
Enumerated |
| |
| The defaultSortOrder attribute sets the sort order for the column. Valid values are "ascending", or "descending". The default is "ascending". |
| id |
Text |
| |
| The unique identifier value for this component. The value must be unique within the closest naming container. |
| inlineStyle |
Text |
| |
| The inlineStyle attribute contains inline style information, such as background color. |
| noWrap |
Boolean |
| |
| The noWrap attribute determines if the column contents will wrap. |
| onclick |
Text |
| |
| The onclick attribute sets the JavaScript code to execute when the mouse pointer is clicked over this element. |
| ondblclick |
Text |
| |
| The ondblclick attribute sets the JavaScript code to execute when the mouse pointer is double-clicked over this element. |
| onkeydown |
Text |
| |
| The onkeydown attribute sets the JavaScript code to execute when a key is pressed down over this element. |
| onkeypress |
Text |
| |
| The onkeypress attribute sets the JavaScript code to execute when a key is pressed and released over this element. |
| onkeyup |
Text |
| |
| The onkeyup attribute sets the JavaScript code to execute when a key is released over this element. |
| onmousedown |
Text |
| |
| The onmousedown attribute sets the JavaScript code to execute when the mouse pointer is pressed down over this element. |
| onmousemove |
Text |
| |
| The onmousemove attribute sets the JavaScript code to execute when the mouse pointer is moved within this element. |
| onmouseout |
Text |
| |
| The onmouseout attribute sets the JavaScript code to execute when the mouse pointer is moved away from this element. |
| onmouseover |
Text |
| |
| The onmouseover attribute sets the JavaScript code to execute when the mouse pointer is moved onto this element. |
| onmouseup |
Text |
| |
| The onmouseup attribute sets the JavaScript code to execute when the mouse button is released over this element. |
| partialTriggers |
Text |
| |
| The partialTriggers attribute sets the ids of components that cause a partial update. Use single colon for components that are in naming containers and multiple colons to search through parent and grandparent containers. |
| rendered |
Boolean |
| |
| A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered. |
| separateRows |
Boolean |
| |
| The separateRows attribute determines if child elements are rendered in individual rows, or in the same cell. The value "true" causes child elements to be rendered in separate rows. |
| shortDesc |
Text |
| |
| The shortDesc attribute displays help text you hover over the component. |
| sortProperty |
Text |
| |
| The sortProperty attribute is set to the sort property in the model. |
| sortable |
Boolean |
| |
| The sortable attribute determines if the column data can be sorted. If set to “true”, then the column header is clickable, allowing the data to be sorted. The model must also support sorting and the attribute “sortProperty” must be set to the model. |
| styleClass |
CSS Class |
| |
| The styleClass attribute sets the CSS class to apply to this component when it is rendered. |
| width |
Text |
| |
| The width attribute sets the width of the column as a numeric value representing pixels or a percentage. |
|