Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA table cell that edits like a spreadsheet: Enter or double-click opens a searchable list in place, a choice commits and returns focus to the cell, Escape cancels, and the arrow keys move between cells. Use this when people edit a choice column inside a table.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for status, owner, priority and category columns of data tables, where changing one cell should not need a dialog and the keyboard should work like a grid.
Do not use it when cells hold free text. Use an inline text editor.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
rows | { id, title, status }[] | - | The data. |
options | { value, label }[] | - | Choices for the editable column. |
onChange | (rowId, value) => void | - | Runs when a cell commits. |
column | string | Status | Name of the editable column. |
role="grid" with columnheaders and gridcells; one cell is in the tab order and the arrow keys move a roving focus.aria-haspopup="listbox" and is described by Press Enter to edit.The pattern ships with a Testing Library test (combobox-table-cell-editor.test.tsx) that covers cell navigation, opening with Enter, committing and cancelling.