This functionality is only available for certain module packages.

You are here: Reference > Form-UI > Tables > table

table

The element <table> inserts a table into the Form-UI.

Note:

When dealing with nested tables, if the width of the inner table is specified, then the cellPadding="0" attribute must be set for the outer table. If the attribute is not specified, then the width of the table changes each time the Form-UI undergoes an updating process.

Attribute name Usage Attribute values Default value Description
align optional left, center, right left Alignment of the table in the enclosing element
boColor optional 0,0,0 to 255,255,255 System color Border color as RGB value
border optional Integer   Border thickness in pixels
cellPadding optional Integer   Distance of the cell contents to the cell border, in pixels
cellSpacing optional Integer   Distance of the cells to each other and to the table border, in pixels
columns optional Integer   Number of table columns
readonly optional true, false   true = Table is read-only.
false = Input can be written to the table.
visible optional true, false true true = table is visible
false = table is invisible
width optional Absolute value in pixels
Percentage
  Absolute value in pixels = width of the entire table in pixels, e.g. "300"
Percentage = width of the entire table in relation to the width that is available, e.g. "60%"
Allowed sub-elements Quantity
colGroup any
include any
loop any
rowGroup any
td any

Table with 3 columns and 2 lines:

The following example shows a simple table. The attribute columns with the value "3" divides the table into three columns. An element <td> has to be defined for each column. Since the table has two rows, six elements <td> are defined.

Table with an absolute width:

The example shows a table with 3 columns with an entire width of 300 pixels.

Table with red border color:

The example shows a table with 3 columns with a red border.

Table with a defined distance between the cell borders and their content:

The table displays the content with a distance of 10 pixels to the cell border.

Table with a defined distance between the cells:

The table displays the cells with a distance of 5 pixels to each other.

Nested tables with a defined alignment:

A table is inserted centered into a table cell.

Table with nesting:

Table cells from another configuration are inserted into a table.