A table layout that allows you to edit item fields directly inline.
Once installed, go to your collection page, on the Layout Options
tab in the sidebar, select Editable
from the Layout
drop-down list.
Save
: If the Automatic
checkbox is checked
, your changes will be saved automatically. If it is unchecked
you will have to manually press the Save button that appears on the top right corner (or use the keyboard shortcut [cmd] + [s]
) to save your changes.
Spacing
: Change the spacing of the table rows as you would in the default table layout.
Click a cell within the collection table and press [Enter]
or Double-click
to enter the field and make your change. When you exit the cell by clicking outside it or pressing [Escape]
, the field value is updated if you have autosave enabled. Otherwise, the cell appears as edited. You can use the [Tab]
and arrow keys
to navigate through the cells. You can add fields/columns using the +
-button in the upper right corner of the collection table, just like in the default table layout.
All interfaces except relational ones are supported — non-inline/non-trivial interfaces open in a popup.
Relational Interfaces: Coming soon …
Contributions are welcome. Make sure to open an issue for bugs or start a discussion for feature requests, before you start writing code!
This project is licensed under GPL-3.0 and is based on Spreadsheet Layout, which I developed for Directus Labs and which is licensed under MIT.