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

label

multi-locale

Display label for the table

ID

resourceId

text

Unique identifier for the component

Style Classes

styleClasses

text

CSS classes for styling

Width

widthClass

text

Controls component width

Visible

isVisible

boolean

Controls component visibility

Dense

dense

boolean

Enables compact row spacing

Square

square

boolean

Applies square styling to the table

Selection Type

selectionType

text

Defines row selection mode (none/single/multiple)

Selected

selectedsync

text

Currently selected rows

ID Field

idField

text

Field to use as unique row identifier

Entity

entity

text

Entity data source for table

List Model

listModel

text

Data model configuration for dynamic loading

List

list

text

Array of items to display in the table

Filter Criteria

filterCriteria

text

Criteria for filtering table data

Pagination

pagination

text

Pagination configuration

Sort

sort

text

Sorting configuration

Show Toolbar

showToolbar

boolean

Controls visibility of the table toolbar

Show Title

showTitle

boolean

Controls visibility of the table title

Show Text Search

showTextSearch

boolean

Controls visibility of the search input

Show Actions Menu

showActionsMenu

boolean

Controls visibility of row action menu

Enable Entity Options

enableEntityOptions

boolean

Enables entity-specific options

Allow Custom Filters

allowCustomFilters

boolean

Enables custom filter creation

Allow Column Selection

allowColumnSelection

boolean

Enables column visibility toggling

Allow View Creation

allowViewCreation

boolean

Enables saving custom views

Allow New

allowNew

boolean

Enables adding new rows

Allow Edit

allowEdit

boolean

Enables row editing

Show Row Actions

showRowActions

boolean

Controls visibility of row action buttons

Allow Bulk Deletion

allowBulkDeletion

boolean

Enables multiple row deletion

Allow Import

allowImport

boolean

Enables data import functionality

Allow Export

allowExport

boolean

Enables data export functionality


Methods

Name

Description

onSelection

Handles row selection changes

onRequest

Handles pagination, sorting, and data loading requests

handleCellClick

Handles individual cell click events

handleRowEdit

Handles row edit actions

loadColumns

Loads and initializes table columns from schema

addColumn

Adds a new column to the table

updateVisibleColumns

Updates the list of visible columns


Events

Name

Description

onRequest

Triggered when table data needs to be loaded or refreshed

onRowClick

Triggered when a row is clicked

onCellClick

Triggered when a cell is clicked

onSelectionChanged

Triggered when row selection changes

onRowEdit

Triggered when a row is edited

onRowDelete

Triggered when a row is deleted

onNew

Triggered when a new row is being added