datatable
This block is part of the state ui group and was last modified in core v13.0.6.
Storage Selection Required
This block relies on a storage to perform its storage releated actions. You must manually select the storage you want to use in your flow using the storage selector modal. To access the modal, click the white button on the block.
datatable
v13.0.1
A styled table made to display a lot of data using pagination.
| Pin | Pin | Type | Default |
|---|---|---|---|
| state key The state to bind the datatable to. If it is updated, the component will re-render |
value |
|
|
columnsrequiredChoose the columns you want to show |
fielddefinitions |
|
|
| columns sortable Choose which columns can be sorted, by default we will not do any sortable fields |
fielddefinitions |
|
|
| search fields Fields that will be searched on in addition to the column fields |
fielddefinitions |
|
|
| return fields Fields that will be returned during the search. Should be set if the data sent to the frontend should be limited due to confidential fields. |
fielddefinitions |
* |
|
| row actions Actions that are specific to the row like edit, detail, json, revision or inline edit |
statedatatableconnection |
|
|
| query Query used as a base for the datatable |
query |
|
|
| rows per page Number of results per page in the table |
number |
30 |
|
| toolbar Content to be shown within the headers right-side. |
state |
|
|
| class Assigns a CSS class to the element. |
uiclass |
|
|
| style Applies inline CSS style to the element |
uistyle |
|
|
| attributes Adds custom attributes to the element. |
uiattributes |
|
| Pin | Pin | Type | Example |
|---|---|---|---|
| state Returns the element to the frontend state. |
state |
||
| Map Row The function will be executed for each row and state pins can be returned to overwrite whats visible. |
execute_function |
Core Releases
v13.0.1 This block was introduced inv13.0.1, click here to see the release notes.
v13.0.6
This block was last modified in v13.0.6, click here to see the release notes.
Back to
state ui
Return to the main group to view all sub-groups
Back to state elements
Return to the group to view all blocks within this group