Table
A powerful data table component that supports pagination, sorting, filtering, and row selection. Features customizable columns, dynamic data loading, row actions, and comprehensive styling options. Includes support for column customization, row editing, and multiple selection modes.
Extends: listComponent
Fields
Name | Code | Data Type | Description |
|---|---|---|---|
Label |
| multi-locale | Display label for the table |
ID |
| text | Unique identifier for the component |
Style Classes |
| text | CSS classes for styling |
Width |
| text | Controls component width |
Visible |
| boolean | Controls component visibility |
Dense |
| boolean | Enables compact row spacing |
Square |
| boolean | Applies square styling to the table |
Selection Type |
| text | Defines row selection mode (none/single/multiple) |
Selected |
| text | Currently selected rows |
ID Field |
| text | Field to use as unique row identifier |
Entity |
| text | Entity data source for table |
List Model |
| text | Data model configuration for dynamic loading |
List |
| text | Array of items to display in the table |
Filter Criteria |
| text | Criteria for filtering table data |
Pagination |
| text | Pagination configuration |
Sort |
| text | Sorting configuration |
Show Toolbar |
| boolean | Controls visibility of the table toolbar |
Show Title |
| boolean | Controls visibility of the table title |
Show Text Search |
| boolean | Controls visibility of the search input |
Show Actions Menu |
| boolean | Controls visibility of row action menu |
Enable Entity Options |
| boolean | Enables entity-specific options |
Allow Custom Filters |
| boolean | Enables custom filter creation |
Allow Column Selection |
| boolean | Enables column visibility toggling |
Allow View Creation |
| boolean | Enables saving custom views |
Allow New |
| boolean | Enables adding new rows |
Allow Edit |
| boolean | Enables row editing |
Show Row Actions |
| boolean | Controls visibility of row action buttons |
Allow Bulk Deletion |
| boolean | Enables multiple row deletion |
Allow Import |
| boolean | Enables data import functionality |
Allow Export |
| boolean | Enables data export functionality |
Methods
Name | Description |
|---|---|
| Handles row selection changes |
| Handles pagination, sorting, and data loading requests |
| Handles individual cell click events |
| Handles row edit actions |
| Loads and initializes table columns from schema |
| Adds a new column to the table |
| Updates the list of visible columns |
Events
Name | Description |
|---|---|
| Triggered when table data needs to be loaded or refreshed |
| Triggered when a row is clicked |
| Triggered when a cell is clicked |
| Triggered when row selection changes |
| Triggered when a row is edited |
| Triggered when a row is deleted |
| Triggered when a new row is being added |