Matrix / grid editor
The spreadsheet surface for A12: fabric codes × combinations, frozen first column and header, group rows by collection, a cell cursor, dirty cells with the old value, paste from Excel / Sheets, per-cell save (PATCH) with saved / rejected states, 10,000-row windows.
Covers: M02. Exports: MatrixEditor.
Anatomy
The component as it sits in the product: English, compact, real data shapes.
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
States
6 states, left to right, top to bottom. A mock poll never finishes, so each state is drawn on purpose.
cursor on a cell
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
2 cells dirty
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 425410 | 535520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
2 cells changed228150 · 2-Piece 410 → 425 · 3-Piece 520 → 535
pasted 3 cells
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 299 | 140 | 110 | — |
| 228150 | 410 | 520 | 299 | 140 | 110 | — |
| 228155 | 430 | 545 | 299 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
Pasted 3 cells from the clipboardJacket · 228149, 228150, 228155 → 299
saved · undo
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 425 | 535 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
2 cells savedPATCH /admin/pricing/retailer/update · each cell saves on its own
rejected · text kept
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 4,30 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
1 cell rejected228155 · 2-Piece: “4,30” is not a number. Your text is kept.
loading next window
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
Loading rows 10,001–20,000 (10,000-row windows)
Density
Compact (2b ultra, the default) and comfortable, side by side. Same markup, only the density tokens change.
compact · default · data-density=compact
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
comfortable · data-density=comfortable
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
English · 中文
Staff pick en or cn (T001 Q25). Labels arrive localised; CJK falls back to PingFang SC / Noto Sans SC.
en
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
中文 · lang=zh-Hans
English only: pricing has no Chinese (TRUTH-PRICING §0).
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
Long string · permission denied
The long-string case (PL-063) and what a role without the permission sees (the server decides; T003).
long string
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 1,234,567 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
permission denied
Not available to your role
Your role is missing view pricing. Nothing here is hidden by mistake: the server sends only what you can do.
Both apps
One @rj/admin-kit component, two themes: the Laravel admin (navy pinned) and the DTC admin (kit v4 Midnight green), by token swap only.
Laravel admin · :root
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
DTC admin · data-theme=dtc
Atelier NorthWholesale · USDRetail · GBP
| Fabric code | 2-Piece Wholesale | 3-Piece Wholesale | Jacket Wholesale | Trousers Wholesale | Waistcoat Wholesale | Shirt Wholesale |
|---|---|---|---|---|---|---|
| VBC · Super 120s | ||||||
| 228149 | 410 | 520 | 290 | 140 | 110 | — |
| 228150 | 410 | 520 | 290 | 140 | 110 | — |
| 228155 | 430 | 545 | 305 | 150 | 115 | — |
| SZH · Shirting | ||||||
| SS2104-02017 | — | — | — | — | — | 85 |
| SS2104-02019 | — | — | — | — | — | 85 |
Contract
The @rj/admin-kit API for this family. Mirrored in CONTRACT.md.
- Export
MatrixEditor·@rj/admin-kit- Props
rows(grouped) ·columns·value·onCellSave·frozen1 ·window10,000- States
- cursor · editing · dirty · pasted · saving · saved · rejected (422, text kept) · loading window · denied
- shadcn / Radix
- none (grid) — Table skin
- Package underneath
- react-datasheet-grid (spike first; fallback TanStack Table 8 + react-virtual + own cell focus)
- Accessibility
- role=grid, arrow keys move the cursor, Enter edits, Esc cancels; paste announces the count
- API operations
- admin.pricing.retailer.index / .update · admin.factory-matrix.show / .update (Q11) · admin.shipping.bands.bulk · admin.fitq.config
- Phone variant
- read-only card per row