Table

Element for displaying records from the database

Initial setting:

Model - data model for the table.

Endpoint - data source for the table.

Look&Feel Settings:

Title (not mandatory) - table title.

Width (mandatory) - table width.

Style (mandatory) - table row size.

Pagination (mandatory) - turning pagination on and off. Turned on by default.

Page size (not mandatory) - rows per page.

Border (mandatory) - table borders.

Name (mandatory) - name of the table.

Visible (mandatory) - makes the table visible if turned on. Enabled by default.

Data:

In this section you can manage table columns.

Workflow triggers:

  • onCreate – fires when the component is created on the page;

  • onShow – fires when the component changes its state to visible (displayed on the page);

  • onHide – fires when the component changes its state to hidden (stops being displayed);

  • onDestroy – fires when the component is destroyed;

  • onDataUpdate – fires by the Table Update Data block;

  • onRowClick – fires by clicking on a row;

  • onRowDoubleClick – fires by double-clicking on a row;

  • onFilter – fires when the table is paginated;

Component Actions:

Table get properties

Gets the table properties.

Input parameters:

  • Component Id [string] - table component's identifier.

Output parameters:

  • Title [string] - table title;

  • Style [enum] - table style;

  • Pagination [boolean] - state of pagitation;

  • Bordered [boolean] - state of border;

  • Visible [boolean] - state of visible;

  • Loading [boolean] - state of loading;

  • Current page [integer] - current table page;

  • Records per page [integer] - number of records per table page;

  • Total records [integer] - total number of records in the table.

Table Set Properties

Sets the table properties.

Input parameters:

  • Component Id [string] - table component's identifier;

  • Title [string] - table title;

  • Style [enum] - table style;

  • Pagination [boolean] - state of pagitation;

  • Bordered [boolean] - state of border;

  • Visible [boolean] - state of visible;

  • Loading [boolean] - state of loading;

  • Current page [integer] - current table page;

  • Records per page [integer] - number of records per table page;

  • Total records [integer] - total number of records in the table.

Table Update Properties

Update the table properties.

Input parameters:

  • Component Id [string] - table component's identifier;

  • Title [string] - table title;

  • Style [enum] - table style;

  • Pagination [boolean] - state of pagitation;

  • Bordered [boolean] - state of border;

  • Visible [boolean] - state of visible;

  • Loading [boolean] - state of loading;

  • Current page [integer] - current table page;

  • Records per page [integer] - number of records per table page;

  • Total records [integer] - total number of records in the table.

Table Get Data

Gets table data

Input parameters:

  • Component Id [string] - table component's identifier.

Output parameters:

  • Data [model] - data from table. To be showed in the business process when Component ID is specified only;

  • _limit [integer] - the maximum possible number of entries in the table;

  • _offset [integer] - offset of the current record relative to the first record.

Table Update Data

Update table data

Input parameters:

  • Component Id [string] - table component's identifier.

  • Data [model] - data from table. To be showed in the business process when Component ID is specified only;

  • _limit [integer] - the maximum possible number of entries in the table;

  • _offset [integer] - offset of the current record relative to the first record.

Table Clear Data

Clear table data

Input parameters:

  • Component Id [string] - table component's identifier.

Usage example:

Getting data for a table

Advanced table design

Last updated