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.
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
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
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
2 cells dirty
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
pasted 3 cells
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
saved · undo
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
rejected · text kept
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
loading next window
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
Density
The phone shell is always comfortable (POWERUPS #15): 44px tap targets, 16px inputs. Compact exists on desktop only; see the desktop page.
comfortable · phone default
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
English · 中文
Staff pick en or cn (T001 Q25). Labels arrive localised; CJK falls back to PingFang SC / Noto Sans SC.
en
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
中文 · lang=zh-Hans
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
Long string · permission denied
The long-string case (PL-063) and what a role without the permission sees (the server decides; T003).
long string
Read only on phone: one card per fabric code.
228149
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228150
2-Piece4103-Piece520Jacket290Trousers140Waistcoat110Shirt—
228155
2-Piece4303-Piece545Jacket305Trousers150Waistcoat115Shirt—
SS2104-02017
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
SS2104-02019
2-Piece—3-Piece—Jacket—Trousers—Waistcoat—Shirt85
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.
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