# Full-row editing Full-row editing opens an **entire row** for edit at once: every editable cell shows an inline editor, a single Enter (or clicking away) commits all of them in one update, and Esc cancels the whole row. It's a form-style entry experience with the density of a grid. ## Enable it Set `fullRowEditing` (alongside `enableInlineEditing`) on ``: ```svelte ``` - **Double-click a row** (or `F2` / Enter on a focused cell) to enter full-row edit. - **Enter** or **click away** commits every drafted cell in a single update (one re-render; `onCellValueChange` fires once per changed cell; each change is captured in the undo history). - **Esc** cancels the whole row - nothing is written. > Live demo: Full-row editing - https://svgrid.com/demos/177-full-row-editing/ ## Supported editors The full-row editor renders a lightweight inline control per editable column: | `editorType` | Control | | --- | --- | | `text` / `password` | text / password input | | `number` | number input | | `date` / `datetime` / `time` | native date / datetime-local / time input | | `checkbox` | checkbox | | `list` / `select` / `rich-select` | single-select dropdown from `editorOptions` | Per-column `valueParser` still runs on commit, so the same normalization you use for single-cell edits applies to full-row commits too. > Rich single-cell editors (chips multi-select, star rating, color, custom > `cellEditor` snippets) render in **cell** editing. In full-row mode those > columns fall back to a text input - use cell editing for a column that needs a > bespoke control. ## Cell vs full-row editing Leave `fullRowEditing` off (the default) for classic **cell** editing: a double-click edits one cell, Tab moves to the next. Turn it on when your users think in records - onboarding forms, roster edits, CRUD tables - and want to fill or fix a whole row before saving. ## Editing a whole row at once `fullRowEditing` opens every editable cell in the row together, so a change that spans columns is one gesture and one commit rather than four. Tab moves between the cells; Escape abandons the row, not just the cell. ```svelte ``` ## Cell editing, for contrast The same grid without the flag. Each cell commits on its own, which is what you want when edits are independent - a status toggle should not make someone tab through a name they did not intend to change. ```svelte ``` ## See also - [Start / stop editing](https://svgrid.com/docs/help/editing/start-stop-editing/) - [Parsing values](https://svgrid.com/docs/help/editing/parsing-values/) - [Validation](https://svgrid.com/docs/help/editing/validation/) --- SvGrid is the Svelte 5 data grid (`npm install @svgrid/grid`, MIT). This page: https://svgrid.com/docs/help/editing/full-row/ . All docs: https://svgrid.com/llms.txt