Per-row edit-mode data grid for pricing plans: the table is read-only until one row is checked out with Edit, its fields turn into inline inputs and selects bound to a single draft, and Save or Cancel commits or reverts that one row on its own with no global save bar and no bulk actions
Files · 4
Dependencies
npm packages
@tanstack/react-table
sonner
Registry items
@reui/badge
@reui/data-grid
@reui/frame
alert-dialog
@reui/badge
button
@reui/data-grid
@reui/data-grid-column-header
@reui/data-grid-scroll-area
@reui/data-grid-table
dropdown-menu
@reui/frame
input
select
switch
tooltip
Registry Items
data-grid-editing-4
Configuration
Name
data-grid-editing-4
Type
Block
Description
Per-row edit-mode data grid for pricing plans: the table is read-only until one row is checked out with Edit, its fields turn into inline inputs and selects bound to a single draft, and Save or Cancel commits or reverts that one row on its own with no global save bar and no bulk actions