mmo-table
Documentation
Builder
Get Started
The mmo-table Custom Element is a dynamic table which is able to display and edit data.
Usage
The mmo-table can be displayed anywhere. An url has to be injected to display data.
Table Shortcuts
Globals
-
Left / Right / Up / Down - Move cell
-
Tab - Move to next cell
-
Enter - Edit cell
When editing
-
Left / Right / Up / Down - Move cursor
-
Tab - Move to next cell
-
Enter - Stop editing cell and goto next one
-
Esc - Stop editing cell
Resizing columns
Every header cell carries a grip on its right edge. It is quiet until the header is pointed at, and it does three things:
Drag - the column follows the pointer, down to 60px
Double-click - back to the width the schema asked for
Left/Right- once the grip has focus: 16px a step, 4px with
Shift,Hometo reset — it is a focusableseparator, so a column can be resized without a pointer
A width is written into the table's fields model, which is what the header renders it
from — so it survives a sort, a filter and a reload of the data — and it is remembered in
localStorage under mmo-table.widths.<id or collection>, so it survives
a page reload too. Resetting a column forgets it. Try it on the table below, then reload the page.