KB-311 · DATATABLE/INLINE/EDIT
Inline Edit Table
A grid you can correct in place: click a value, change it, Enter commits and Escape abandons — and the row stamps a seal so the save is visible without a toast crossing the screen. The third thing people do with a table is notice a wrong number and fix it without leaving.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/datatable-inline-edit
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| rows | EditableRow[] | — | Each row's editable value and the unit printed after it. |
| onCommit / consequenceLine | (id, value) => void · string | — | The commit hook and what a change actually does. |