RUAL Documentation

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 in v13.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