Skip to main content


Traditional Web


Applies only to Traditional Web Apps



Table Widget

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Allows you to organize the content of the screen in a table, where you can drag and drop other widgets.

    You will be able to manage the table layout by performing the following operations in the table toolbox:

    • Insert, delete and order rows or columns
    • Merge and split table cells

    Although not available in the widgets toolbox, the Row and Cell of a table are also widgets with its own properties.


    Name Description Mandatory Default value Observations
    Name Identifies an element in the scope where it is defined, like a screen, action, or module. Yes
    Align Specifies the horizontal alignment of the widget within its parent. Yes
    Style Classes Specifies one or more style classes to apply to the widget. Separate multiple values with spaces.
    Cell Height Height of cells in the table in pixels. Other accepted units are points(pt) or percentage(%). Overrides the style sheet definition.
    Cell Spacing Space between cells in pixels. Overrides the style sheet definition.
    Extended Properties
    Property Name of an attribute to add to the HTML translation for this element. You can pick a property from the drop-down list or type a free text. The name of the property will not be validated by the platform.

    Duplicated properties are not allowed. Spaces, " or ' are also not allowed.
    Value Value of the attribute. You can type the value directly or write expressions using the Expression Editor.

    If the Value is empty, the corresponding HTML tag is created as property="property". For example, the nowrap property does not require a value, therefore nowrap="nowrap" is added.

    Runtime Properties

    Name Description Read Only Type Observations
    Id Identifies the widget instance at runtime (HTML 'id' attribute). You can use it in JavaScript and Extended Properties. Yes Text
    • Was this article helpful?