datatable
This block is part of the state ui
group and was last modified in core v13.0.6
.
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 |
|
|
columnsrequired Choose 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