Table Column
Properties
General
| Property | Type | Description |
|---|---|---|
| Allow editing | boolean | Specify if user can edit cell in column. Editing have to be enabled in table for this option to work. |
Visual
| Property | Type | Description |
|---|---|---|
| Data type | single select | Select option for data type Allowed values: string, number, date, boolean, datetime. |
| Column Width | text | Input where user can specify width of column in pixels. |
| Column min Width | text | Text value for min width |
| Group Index | single select | Single dropdown in which user can specify order of grouping in the column in ascending order. Allowed values: None, 1, 2, 3. |
| Column Id | text | Text value for id |
| Column Visibility | single select | Single dropdown in which user can specify if column is visible, hidden in column chooser or removed from table. |
| Lock column | boolean | Enable or disable lock column |
| Allow sorting | boolean | Specify if user can sort column. Sorting have to be enabled in table for this option to work. |
| Sort order | single select | Select option for sort order Allowed values: None, Ascending, Descending. |
| Allow resizing | boolean | Specify if user can resize column. Resizing have to be enabled in table for this option to work. |
| Caption | i18n text | Input where user can specify what is displayed in header of column. |
| Use header cell template | add element using boolean | Specify if header cell template will be used in column. We have access to many variables in components inside. First example is that we can get data from global/app/local data hub using {{ global.someVariable }}. Second example is access to all E1DatagridColumn properties using {{ column.caption }} syntax. |
| Use cell template | boolean | Specify if cell template will be used in column. |
| Cell template | cell templates | Single select dropdown where user can specify which template will be used in column. Depending on selected template button for further configuration will be shown. |
| Summary | single select | Select option for summary type Allowed values: Sum, Minimum, Maximum, Average, and 2 more. |
Event_actions
| Property | Type | Description |
|---|---|---|
| Events | events | Configure event handlers |
Datasource
| Property | Type | Description |
|---|---|---|
| Data Field | text | Input where user can change field that will be displayed in column. |
| Lookup strategy | single select | Determines how the lookup dropdown is populated. 'None' disables lookup filtering. 'Static list' uses a manually configured list of items. 'Datasource' fetches items from a configured datasource. Allowed values: None, Static list, Data Source. |
| Lookup static items | static dropdown data | Static list of items displayed in the lookup dropdown. Each item has a value (used for filtering) and a text (displayed to the user). |
| Lookup datasource | datasource | Datasource used to fetch lookup items for the column filter dropdown. Only GET datasources are supported. |
| Lookup value expression | text | Field name from the datasource response used as the filter value (key/ID). Defaults to 'id' if not specified. |
| Lookup display expression | text | Field name from the datasource response used as the display text in the lookup dropdown. Defaults to 'name' if not specified. |
| Lookup multi-select | boolean | When enabled, the column filter uses a multi-select header filter (checkbox list) instead of a single-select dropdown. Users can select multiple values to filter the table. |
Events
| Event | Description |
|---|---|
On column value change | Event: ON_COLUMN_VALUE_CHANGE |
Additional Information
Category: Table
Current Version: 9