Table (Document Template)

Last update: Edit

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

2 Components

2.1 Column

A column in a table.

2.2 Row

A row in a table. See Row (document template).

3 Appearance Properties

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

3.2 Cell Spacing

Cell spacing specifies the space in between cells.

3.3 Cell Padding

Cell padding specifies the space between the content of the cell and the cell wall.

3.4 Style

For details, see Style.

4 Common Properties


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.