Total Products
12
Across 6 categories
Editable Tables
Click any row to edit fields inline — no page reload needed
Inline editing keeps your users in context. Click the Edit button on any row to activate individual field inputs, update values and hit Save. Add new rows via the toolbar, or delete rows instantly — all changes can be batched and committed to your API in a single request.
Click-to-edit per row
Add new row instantly
Delete with
confirmation
Revert unsaved
changes
Batch-save to API
Low Stock
3
Below reorder threshold
Out of Stock
1
Immediate restock needed
Total Inventory Value
₹4.7L
↑ 9.3% since last audit
Product Inventory
Click Edit on any row to modify fields · Use Tab to move between cells · Enter to save
| SKU | Product Name | Category | Price (₹) | Stock | Reorder At | Supplier | Status | Actions |
|---|
Click Edit to activate
Each row has an Edit button that converts the static text cells into live input fields. Only one row edits at a time — keeping the interface clean.
Save or Cancel per row
Hit Save to persist the row locally (or POST to your API). Hit Cancel to restore the original values. Unsaved rows are tracked in the footer counter.
Batch-commit to API
All locally saved edits accumulate in a dirty-row set. Click Commit Changes to send a single bulk PATCH / PUT to your backend — no per-keystroke requests.