Element

Icon

Description

The developer determines the contents of a Data Table. They can configure the data table contents according to their needs as long as text values are used. The values can be entered during execution either by the user, or via a mapping from the process data.

TypeString
Prepopulation

This element cannot be prepopulated during modeling in the form editor.

Editing

Data Table Configuration Options

Use the Attributes panel to edit the form element.

AttributeDescriptionAllowed Values
Name

Description

Any string.
Rows per Page

Specify the number of rows that should be displayed by default in the executed table element.

Any number.
Label

Any string.
Column Configuration

Displays the number of currently visible columns. Click on the displayed number or to open the Column Configuration editor where you can define the contents of the data table.


No Data Text

In the executed form, this text will be displayed below the table header when the table contains no data rows.

Any string.
Add Row

Enables the icon in the executed form. The user can use it to add new rows to the table.


Remove Row

Enables the icon in the executed form. The user can use it to delete rows from the table.


Multiple Selection

Enables multiple row selection in the executed form. The user can select multiple rows in the table using a checkbox in front of each row. 


CSS Class

Custom Attributes
Symbol Type

_

Column Configuration Options

Click on Column Configuration to open the Column Configuration editor:

Use the editor to add data columns to your data table and configure the contents. Find below a list of editor and configuration options:

Editor OptionDescriptionValues


Click to delete a row.





Configuration OptionDescription

Name


Label


CSS Class


Type

Select a data type for the particular column.

Select one of:

  • String
  • Float
  • Boolean
  • DateTime
  • Integer

Sorting

Specify whether the content of this column should be sorted. You can only select one column for sorting.


None

No sorting (default).

Ascending

The column is sorted in ascending order.

Descending

The column is sorted in descending order.

Editable

Specify whether the user can edit the content of this column during execution.

checked

The column content can be edited.

unchecked

The column content can not be edited (default).

Filterable

Specify whether the column should be usable as a filter in the executed form.

checked

The table data can be filtered by the contents of this column.

unchecked

No filtering enabled for this column (default).

Hidden

checked

The column content is populated but not displayed.

unchecked

The column and it's contents are displayed (default).

URL

Specify whether the content of this column should be presented as a clickable link in the executed form. If this checkbox is enabled,

  • the column type will be automatically changed to type String,
  • the column will be set to read-only.

checked

The column content will be displayed as a link.

unchecked

The column does not contain links (default).

Item Meta Data of Data Table Rows

You can get item meta data on data table rows during process execution that you can use when implementing your service. For data tables these are:

Meta AttributeTypeDescriptionValues
lastClicked
Boolean

Specifies whether the row has been clicked last.

You can use this attribute together with the click event of data table rows to let the user click on rows to select data and continue with the process. This is described in detail on Handling the Click Event of Data Table Rows.

trueThis row has been clicked last.
falseThis row has not been clicked last.
selected
BooleanSpecifies whether this row has been selected.trueThis row has been selected.
falseThis row has not been selected.
added
BooleanSpecifies whether this row has been added.trueThis row has been added.
falseThis row has not been added.
removed
BooleanSpecifies whether this row has been removed.trueThis row has been removed.
falseThis row has not been removed.
modified
BooleanSpecifies whether this row has been modified.trueThis row has been modified.
falseThis row has not been modified.

You can evaluate them in the On Exit execution of user tasks (refer to Working with the Execution Editor for more information). The form data contains an array representing the data table and its rows. Each row has an additional attribute _meta that contains the listed attributes. Using action script and the select you can easily evaluate the meta data. The following example code snippet shows how to get all table rows that have been added:

select each from formData.table where element._meta.added = true