<tabular>
<tabular> is a Sectional
component that contains the data and style specifications for a <table>. Nested
inside a <tabular> component are the <row> and <cell>
components.
Attributes and Properties
| Attribute | Type | Values |
|---|---|---|
bottom = "…" | text | "none" "minor" "medium" "major" |
halign = "…" | text | "left" "center" "right" "justify" |
height = "…" | componentSize | |
left = "…" | text | "none" "minor" "medium" "major" |
right = "…" | text | "none" "minor" "medium" "major" |
top = "…" | text | "none" "minor" "medium" "major" |
valign = "…" | text | "top" "middle" "bottom" |
width = "…" | componentSize |
| Property | Type |
|---|---|
$t.bottom | text |
$t.disabled | boolean |
$t.fixed | boolean |
$t.fixLocation | boolean |
$t.halign | text |
$t.height | componentSize |
$t.hidden | boolean |
$t.left | text |
$t.right | text |
$t.top | text |
$t.valign | text |
$t.width | componentSize |
Example: Default <tabular> without attributes
A <tabular> can be used alone, without attributes, simply to organize content in a regular structure.
Example: Specifying borders and dividing lines
Borders and dividing lines within a <table> can be specified within the <tabular> component using the attributes: top, bottom, left, and right. If subsequent <row> or <cell> components also have the same attribute specified, the attribute corresponding to the lowest hierarchical level takes precedence. All border/dividing line attributes accept either major, medium, minor, or none (default).
Example: Specifying vertical alignment with <tabular>
The height and vAlign attributes within a <tabular> can control the height and vertical alignment of individual rows for the entire table.
Example: Specifying horizontal alignment with <tabular>
The width and hAlign attributes within a <tabular> can control the width and horizontal alignment of individual rows for the entire table.
Attribute Example: width/height
The width and height attributes for the <tabular> component accept measurements for the extents of the <tabular>. Width is specified as a percentage of screen width, and height is specified in absolute measurements. Individual rows and cells are then scaled in proportion to these extents.
Attribute Example: hAlign
The hAlign attribute within a <tabular> controls the horizontal alignment of individual rows for the entire table. Valid values are left (default), center, right, and justify.
Attribute Example: vAlign
The vAlign attribute within a <tabular> controls the vertical alignment of individual rows for the entire table. Valid values are top, middle (default) and bottom.
Attribute Example: top/bottom/left/right
Borders and dividing lines within a <table> can be specified within the <tabular> component using the attributes: top, bottom, left, and right. If subsequent <row> or <cell> components also have the same attribute specified, the attribute corresponding to the lowest hierarchical level takes precedence. All border/dividing line attributes accept either major, medium, minor, or none (default).
Property Example: Attributes as properties
The above-listed attributes of the <tabular> component are also accessible as properties.