Table (Document Template)
Introduction
Tables can be used to change the layout of the form. They contain a number of rows and columns and the intersection of the two is called a cell. Each cell can contain widgets. Cells can be merged horizontally and vertically to allow for asymmetric layouts.
Tables can be used both inside and outside the data view or templategrid widgets.
This table has four rows and three columns. The last row contains a data view with another table.
Components
Column
A column in a table.
Row
A row in a table. See Row (document template).
Appearance Properties
Weights
The column weights are percentages separated by semi-colons that determine the widths of the columns. The weights have to add up to 100. An alternative way of changing the widths of columns is by dragging the separating line between columns.
25;25;50
.
Cell Spacing
Cell spacing specifies the space in between cells.
Cell Padding
Cell padding specifies the space between the content of the cell and the cell wall.
Style
For details, see Style.
Common Properties
Name
The internal name of the widget. You can use this to give sensible names to widgets. The name property also appears in the generated HTML: the widget DOM element automatically includes the class mx-name-{NAME}
, which can be useful for Selenium testing.