# Editing Basics

The Vue Grid by Kendo UI enables you to create, update, and delete data records.

## Getting Started with Editing

To enable editing in the Grid:

1. Set the [`editField`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#editfield) prop to the name of the boolean field that marks a row as active (for example, `'inEdit'`).
2. Handle the [`onRowclick`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#onrowclick) event to set the clicked row as the active edit row.
3. Handle the [`onItemchange`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#onitemchange) event to update the data when the user edits a cell value.
4. Configure the `editor` property on columns that require a specific input type (`'date'`, `'numeric'`, or `'boolean'`).

The following example demonstrates a basic inline editing setup. Clicking a row opens it for editing, changing a cell value updates the data immediately, and the **Add new** toolbar button prepends a blank row in edit mode.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/editing/basic/source.txt)

## Edit Modes and Options

* [Inline edit mode](https://www.telerik.com/kendo-vue-ui-develop/components/grid/editing/editing-inline)
* [Inline editing with custom editors](https://www.telerik.com/kendo-vue-ui-develop/components/grid/editing/editing-custom-template)
* [In-cell edit mode](https://www.telerik.com/kendo-vue-ui-develop/components/grid/editing/editing-in-cell)

## Suggested Links

* [API Reference of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops)
* [API Index of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api)