Table

Click to copy

Element for displaying records from the database


Initial setting:

Model - data model for the table.
Endpoint - data source for the table.

table config


Look and 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.

Table


Data:

In this section you can manage table columns.

Table Data Settings


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 Get Properties

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 Set Properties


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 Update Properties

Table Get Data

Gets table data

Input parameters:

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

Output parameters:

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


Table Get Data

Table Update Data

Update table data

Input parameters:

  • Data [model] - data from table. To be showed in the business process when Component ID is specified only;
  • Component Id [string] - table component's identifier.
  • Total Records [integer] - number of records in the table. 
  • _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

Table Clear Data

Clear table data

Input parameters:

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

Table Clear Data


Usage example:

Getting data for a table

Advanced table design