Developing Web 2.0 applications
with JavaServerFaces
and Dreamweaver
>> Just Became Easier
Documentation
Search
  1. Introduction
  2. Getting Started
  3. Trinidad Concepts
  4. Code View Support
  5. Design View Support
  6. Tag Object Toolbars
  7. Trinidad Server Behaviors
  8. Trinidad Property Inspectors
  9. Trinidad Tag Reference
Trinidad HTML Tag Library
  trh:body
  trh:cellFormat
  trh:frame
  trh:frameBorderLayout
  trh:head
  trh:html
  trh:rowLayout
  trh:script
  trh:styleSheet
Selected trh:tableLayout
If you like this documentation, please take a look at my book:

9. Trinidad HTML Tag Reference

Documentation > Trinidad > Trinidad Tag Reference > Trinidad HTML Tag Library > trh:tableLayout

trh:tableLayout

<p>The <trh:tableLayout> tag represents an HTML table tag. Use the rowLayout tag to specify rows for the table.</p>

Example

<trh:tableLayout width="75%" borderWidth="3" cellSpacing="10" halign="center">
  <trh:rowLayout> 
    <h:outputText value="This is a cell" />
    <trh:cellFormat valign="bottom" header="true" wrappingDisabled="true">
      <h:outputText value="Header 1" />
    </trh:cellFormat> 
    <trh:cellFormat valign="bottom" header="true">
      <h:outputText value="Header 2" />
    </trh:cellFormat>               
  </trh:rowLayout> 
  <trh:rowLayout> 
    <h:outputText value="This is a cell" />
    <trh:cellFormat valign="bottom">
      <h:outputText value="Hello" />
    </trh:cellFormat> 
    <trh:cellFormat valign="bottom">
      <h:outputText value="World" />
    </trh:cellFormat>               
  </trh:rowLayout>            
  <trh:rowLayout halign="start" valign="top" width="100">
    <trh:cellFormat columnSpan="3" halign="center" height="30" rowSpan="3" valign="top">
      <h:outputText value="How are you?" />
    </trh:cellFormat>                
  </trh:rowLayout>            
</trh:tableLayout> 

Rendered Output

Rendered trh:tableLayout tag

Tag Attributes

attributeChangeListener Text
 
a method reference to an attribute change listener. Attribute change events are not delivered for any programmatic change to a property. They are only delivered when a renderer changes a property without the application's specific request. An example of an attribute change events might include the width of a column that supported client-side resizing.
binding Expression
 
The value-binding expression linking this component tag to a backing bean property.
borderWidth Text
 
The borderWidth attribute sets the width of the border.
cellPadding Text
 
The cellPadding attribute sets the padding between cells.
cellSpacing Text
 
The cellSpacing attribute sets the padding within the cell.
halign Text
 
The halign attribute sets the horizontal alignment. Valid values are "start" (left), "end" (right), "left", "right", and "center". The default is "left".
id Text
 
The unique identifier value for this component. The value must be unique within the closest naming container.
inlineStyle Text
 
the CSS styles to use for this component.
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 IDs of the components that should trigger a partial update. This component will listen on the trigger components. If one of the trigger components receives an event that will cause it to update in some way, this component will request to be updated too. Identifiers are relative to the source component, and must account for NamingContainers. If your component is already inside of a naming container, you can use a single colon to start the search from the root, or multiple colons to move up through the NamingContainers - "::" will search from the parent naming container, ":::" will search from the grandparent naming container, etc.
rendered Text
 
A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.
shortDesc Text
 
The short description of the component. This text is commonly used by user agents to display tooltip help text.
styleClass Text
 
The styleClass attribute sets the CSS class to apply to this component when it is rendered.
summary Text
 
The summary attribute describes the purpose and structure of the table for accessibility support for assistive devices and non-visual user agents.
width Text
 
The width attribute sets the width of the component.