# Bulk-edit selected rows
Goal: the user selects N rows, opens a toolbar, picks a field + value,
and **every** selected row updates in one click. Standard back-office
workflow for status changes, reassignments, tag application.
> Live demo: Bulk actions toolbar - https://svgrid.com/demos/23-bulk-actions/
## Implementation
The recipe is three pieces:
1. `selectionMode="row"` + `showRowSelection={true}` gives you the
checkbox column and the multi-select keyboard model.
2. `onRowSelectionChange` keeps a `$state` array of selected rows.
3. A toolbar above the grid commits the bulk change to `internalData`
via the api's `setCellValue` (one call per selected row).
The examples on this page run against these rows:
```svelte
```
```svelte
{selected.length} selected[]}
features={features}
selectionMode="row"
showRowSelection={true}
onApiReady={(next) => (api = next)}
onRowSelectionChange={(_, selectedRows) => (selected = selectedRows)}
/>
```
## Variations
### Cycle through values per row
If the bulk action is "increment priority by one level", you read each
row's current value first:
```ts
const next = (cur: 'Low' | 'Normal' | 'High') =>
cur === 'Low' ? 'Normal' : cur === 'Normal' ? 'High' : 'High'
for (const row of selected) {
const idx = rows.indexOf(row)
if (idx < 0) continue
api.setCellValue(idx, 'priority', next(row.priority))
}
```
### Confirm before applying
For destructive bulk actions (cancel orders, delete rows), pop a
confirm dialog before the loop. Don't rely on the browser's native
`confirm()` - it's blocked by some embedded contexts. A Svelte
`