Table Control

The Table control allows you to create a layout table in views and forms to help you organize other controls and apply styling to cells.

  1. Create a view.
  2. Drag the control onto the canvas. You can find the control in the Layout section of the Toolbox.
  3. Specify the number of columns and rows to use.
  4. Drag controls to the cells of the table.
  5. Configure the controls if necessary.
  6. Configure the rest of the Table control's properties as necessary.
  7. Configure cell properties if necessary.
  8. Configure rules as necessary.
  9. Run the view.

You can find the control in the Layout section of the Toolbox.

Properties Description Can be set in runtime using rules?
Detail
Name A unique identifier for the control. This property is required and defaults to the name of the control. No
General
Width Adjusts the width of the control. You can enter any whole percentage up to 100%, whole number or pixel value to a maximum of 32767px. Type the dimension. Yes, see Configure the Set a Control's Properties Action for more information.
Visible Shows or hides the control. Yes, see Configure the Set a Control's Properties Action for more information.
Enabled Enables or disables the control. Yes, see Configure the Set a Control's Properties Action for more information.
Read-Only Shows the control as read-only. Yes, see Configure the Set a Control's Properties Action for more information.
Format		 Opens the Format page where you can configure formatting and style features such as format, font, borders, padding and margins. See the Format topic for more information. No
Responsive

Helps your content display better on smaller devices. Displays the cells of the table as vertically stacked, disregarding rows, when viewed on a screens less than 450px in size. When stacked, the padding left and right of the cells is overridden with 0px. The top and bottom padding remain the same.

Responsive wide view, normal:

Responsive narrow view, vertically stacked:

 No

The control interacts with other controls through rules. When you bind properties between different controls, you can use the data to populate properties or set values. Use the following examples for when to use the control with other controls through rules:

  • Show/Hide: The Visible property allows you to show or hide the control through rules
  • Enable/Disable: The Enabled property allows you to enable or disable the control through rules
  • Specify the edit state of view and form controls: You can specify if controls must be read only or editable
  • The control is also available when designing forms