Making a grid editable is as simple as adding an
editor property to the
<zing-grid> element. After that, you can double-click any cell to activate the editor.
Default EditorEnable editing on the grid by adding the
editorattribute to the
<zing-grid>tag. Once this is done, simply double-click any cell to make changes.
Editing RowsAdd the
editor-controlsattribute to the
<zing-grid>tag to display controls for editing and deleting rows.
<zing-grid data="..." editor-controls></zing-grid>
Modal EditorEnable the modal (overlay) editor by using
editor = "modal"in the
<zing-grid>tag. Double-click any cell to check it out!
<zing-grid data="..." editor="modal"></zing-grid>
By default, the 'modal' editor is enabled for
[viewport="mobile"] device widths automatically.