We found 8 matches for: state ui: datatable

An overview of all state ui: datatable blocks currently available, updated daily!

state ui: advanced datatable

A pre-styled advanced table showing data using advanced tooling

In-pins

state key
The state to bind the datatable to. If it is updated, the component will re-render
columns
Choose the columns you want to show
columns width
Choose the widths of the columns in percentage, by default we will divide the columns over 100%
columns sortable
Choose which columns can be sorted, by default we will not do any sortable fields
search fields
Fields that will be searched on in addition to the column fields
row actions
Actions that are specific to the row like edit, detail, json, revision or inline edit
query
Query used as a base for the datatable
rows per page
Number of results per page in the table

Default:
30

Out-pins

state
Map Result
The function can be used to handle data-mapping over all results, for example when you want to get all usernames and the original data only contain user_guids. In this function you'll be able to mass-query the e.g. users storage for such data.
guids
results
Map Row
The function will be executed for each row and state pins can be returned to overwrite whats visible.
index
row
state: datatable

A styled table made to display a lot of data using pagination.

In-pins

state key
The state to bind the datatable to. If it is updated, the component will re-render
columns
Choose the columns you want to show
search fields
Fields that will be searched on in addition to the column fields
row actions
Actions that are specific to the row like edit, detail, json, revision or inline edit
query
Query used as a base for the datatable
rows per page
Number of results per page in the table

Default:
30
toolbar
Content to be shown within the headers right-side.

Out-pins

state
Map Result
The function can be used to handle data-mapping over all results, for example when you want to get all usernames and the original data only contain user_guids. In this function you'll be able to mass-query the e.g. users storage for such data.
guids
results
Map Row
The function will be executed for each row and state pins can be returned to overwrite whats visible.
index
row
row actions: checkbox

Adds a checkbox that can be placed anywhere in the row.

In-pins

value
The value that will be set in the selection. It is possible to use {{ guid }} in the value to insert the guid of the row being rendered.

Default:
guid
column class
column style
column attributes
checkbox class
checkbox style
checkbox attributes
add before
Adds the checkbox before the given column.
add after
Adds the checkbox after the given column.

Out-pins

statedatatableconnection
row actions: remove button

Adds a removal button that can be placed anywhere in the row.

In-pins

content
Defines how the button should look. A default will be used if not set.
text
Text to be shown within the button.
icon
Icon to be shown in the button
class
style
attributes
add before
Adds the button before the given column.
add after
Adds the button after the given column.

Out-pins

statedatatableconnection
row actions: multiple

In-pins

action
action

Out-pins

statedatatableconnection