Referencetabular

<tabular>

<tabular> contains the data and style specifications for a <table>. Nested inside a <tabular> component are the <row> and <cell> components.

Attributes and Properties

Attributes for <tabular>
AttributeTypeValues
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
Props for <tabular name="t">
PropertyType
$t.bottomtext
$t.haligntext
$t.height_componentSize
$t.lefttext
$t.righttext
$t.toptext
$t.valigntext
$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.


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.


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.


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.


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).


Example: Attributes as properties

The above-listed attributes of the <tabular> component are also accessible as properties.


Example: Attributes as properties

The above-listed attributes of the <tabular> component are also accessible as properties.