mmo-table

an url to a json api or a json stringify object: {collection, repository, filters}

url

if true, the table is readonly

readonly

what the table says when it has no row ("No result", translated, by default)

empty

Get the readonly of the table

Type

boolean

Get the url of the table

Type

string

Get the data of the table

Type

array

Get the fields of the table

Type

array

The key this table's column widths are remembered under: the id the page gave it, or the path of the collection it reads -- never the query, so a filter or another page keeps the same widths.

Type

?string

Toggle the configuration of the table

Set the API of the table

Rebuild the query bar, after the schema or the fields it offers have changed.

Give a column's grip its drag gesture. Called by the header loop for every column it inserts.

Put a column back to the width its schema asked for, and forget what it was dragged to.

Resize the focused column from the keyboard: left and right by 16px, 4px with shift, Home back to the schema's width. Without this a column can only be resized with a pointer.

Write a column's width where the header reads it from -- the field model, which the width binding renders -- and remember it for the next visit.

The index of a field, from the data-key its header carries.

The widths this table was left with, by field path.

Remember what a column was resized to, or forget it.

Delete a field from the table

Set the sort of the table

Set the fields of the table

Update the sort of the table

Update the fields of the table

Reload the table

Order the rows by a column, from a click on its header: a second click turns the order around, another column starts ascending. The page hears of it through the reload event, as for any other search.

Open a row's entity from a click anywhere on the row, as its pencil does: in this tab, or in a new one with ctrl (cmd on a mac). What the row holds keeps its own click.

Get the index of the row

Return the text content of the first real column (the 3rd) (first is the line number, second id the checkbox)

Go to the top of the table

Go to the bottom of the table

Print the table

Export the table

Bookmark the table

Select all the rows of the table

Get the indexes of the selected rows

Select a row of the table

Focus the table This function is not called at all in the code at the moment, but it is here for future reference.

Unfocus the table This function is not called at all in the code at the moment, but it is here for future reference.

Set the current cell of the table

Update a row of the table

Edit a row of the table

Delete a row of the table

Delete a row of the table by index

Delete multiple rows of the table

Restore a row of the table

Insert a row of the table

Go to the next cell of the table

Go to the previous cell of the table

Go to the next row of the table

Go to the previous row of the table

Allows to navigate through the table using the keyboard

Update the lines selected

Display the IDs of the selected rows

Change the status of the selected rows

anything above the table, next to the query bar

<slot name="header">

the control the query bar searches with, when the page provides its own

<slot name="search">

the buttons of the dropdown a column header opens

<slot name="toolbar">

add a configuration button to the table

.with-config

update the height of the table to 85vh

.fullscreen

hide the actions column

.no-actions

hide the query

.no-query

rows are selected: the selection toolbar shows under the table

.with-toolbar

a click on a row does not open it (only its pencil button does)

.no-row-click