Making a grid editable is as simple as adding an
editor property to the
After that, you can double-click any cell to activate the editor.
On This Page
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.
If you do not have
zg-column defined you can shortcut the editor controls on your grid with the
attribute on the
<zing-grid data="" editor-controls></zing-grid>
Modal EditorEnable the modal editor by using
editor = "modal"in the
<zing-grid>tag. Double-click any cell to check it out!
By default, the modal editor is enabled for card view (mobile view) on the grid.