We found 2 matches for: UI: Datatables

An overview of all UI: Datatables blocks currently available, updated daily!

advanced table: unstyled datatable

A complete data table including filters, sorting, and searchbar.

In-pins

Storage
From which storage do you want the data to be loaded
Columns
Choose the columns you want to show
Search Fields
Fields that will be searched on in addition to the column fields
Filters
Choose the filters you want to expose to the user
Column Render
Choose the columns you want to define your own html for. If a field is used for the action but not selected here it will just show the default value for that action
Row Render
Accepts a function that returns a row
Row
Index
Columns
Query
Query used as a base for the datatable
rows per page
Number of results per page in the table

Default:
30
infinite scroll
Will load new rows as soon as the last row is visible

Default:
system setting || false
Hide controls
Hides the datatable controls (filters button, search bar, pagination).

Default:
false
Hide Search Bar
Hides the datatable search bar.

Default:
false
Show reload button
If set to true, the reload button will be shown on the top of the datatable
Minimize filters
By default all filters will be visible, setting this to true will minimize the filters on datatable load.

Default:
false
Hide custom filter
If set to true, the custom filter button will be hidden in the datatable
Filter field search scope
The scope needed for searching through fields in datatable filters.

Default:
*public
Inline Edit
Columns that will be used for inline editing. Only basic text, number or date editing is allowed. For every advanced implementation an extra modal or page should be used.
Inline Edit Scope
The scope needed for inline editing.

Default:
*
Mass inline edit
Adds a button in the header, onclick will enable the inline edit for all the rows in that column
Remove scope
Exact scope the user needs to match with to be able to remove items within this datatable.

Default:
*
JSON scope
Scope the user needs to have to be able to view the JSON of a document, Admin is always allowed

Default:
*
Revisions scope
Scope the user needs to have to be able to view the revisions of a document, Admin is always allowed

Default:
*
Hide Checkbox
If set to true, the checkbox will be removed from the datatable
Hide Remove
If set to true, the remove button will be removed from the datatable, even for admins
Detail Button
If given, a detail button will show which runs the connected function on click.
Guid
Edit Button
If given, an edit button will show which runs the connected function on click.
Guid
Search Input Outlet
This makes it possible to prefill an input with the search result or update it via the blueprints when searching in a datatable
No results message
If value given, it will show that message when no results are found

Default:
No results found
On change
Function will execute every time the content of the datatable changes (on search or on filter).
Storage
Visible guids
Query
Limit
Offset
Show export
Columns
Choose the columns you want to show in the export
quotes
Quotes to use for the csv

Default:
"
separator
Delimiter to use for the csv

Default:
,
Export row render
Accepts a function that returns a row. Only used for the export
Row
Index
Columns

Out-pins

uicomponent
advanced table: styled datatable

A styled table made to display a lot of data

In-pins

columns
Choose the columns you want to show
search fields
Fields that will be searched on in addition to the column fields
filters
Choose the filters you want to expose to the user
row render
Accepts a function that returns a row
row
index
columns
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
on search
Function will execute every time the content of the datatable changes (on search or on filter).
storage
visible guids
query
limit
offset

Out-pins

uicomponent