Data table
The A01 index (109 pages). TanStack Table with server paging and totals, compact 30px rows, sticky header and sticky first column, column chooser, keyboard walk, inline edit with saving / saved / rejected, expandable and grouped rows, real column types (4-digit order id, retailer pill, piece pills by phase, real status chips, factory codes + HF) and the shared table states. Drawn from flagship O01.
Covers: data-table primitive, data-table designer, table-sort designer, sticky-header designer, row-actions designer, column-types designer, table-states designer, density designer. Exports: DataTable, ColumnTypes, InlineEditCell, ColumnChooser.
Anatomy
The component as it sits in the product: English, compact, real data shapes.
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 |
States
16 states, left to right, top to bottom. A mock poll never finishes, so each state is drawn on purpose.
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
4522-1 · JAPRODUCTION IN-PROGRESS | 0.2FRR · due 22 Oct 4522-2 · TRPRODUCTION IN-PROGRESS | 0.2FRR · due 22 Oct 4522-3 · WCINCOMING COMPONENTS ARRIVALFRR · due 20 Oct | |||||||||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 | |||
| 4519Plus Size re-check | L. Moreau | Brightwater Bespoke | 2-Piece | JATR | Manufacturing | FRR | |||
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| FRR · 4 | |||||||||
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 | |||
| 4519Plus Size re-check | L. Moreau | Brightwater Bespoke | 2-Piece | JATR | Manufacturing | FRR | |||
| 4516 | 李 女士 | 上海锦衣定制 · 静安店 | 2-Piece | JATR | Manufacturing | FRRHF: F3.5 | |||
| No factory yet · 3 | |||||||||
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
Default measurements · shirt
| Size | Type | Length | Shoulders | Chest | Sleeve | Neck |
|---|---|---|---|---|---|---|
| S | shirt | 72 | 42 | 98 | 63 | 37 |
| M | shirt | 75 | 44 | 104.5 | 65 | 38 |
| L | shirt | 77 | 46 | 110Undo | 66 | 40 |
| XL | shirt | 79 | 48 | 116060–180 cm | 67 | 41 |
| XXL | shirt | 81 | 50 | 122cm | 68 | 43 |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 |
No orders match “4419”
Search pauses the tabs and looks in every status. Try the order number without spaces, or the customer's surname.
Nothing on hold
Orders are put on hold from Raise issue → “Put Order On Hold”. 101 orders have been on hold in total; the last on 24 Sep.
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 |
Orders didn't load
The server answered 500. Your filters are kept.
request id 9f3c2a71-4e0b · 06:41:12 UTCDensity
Compact (2b ultra, the default) and comfortable, side by side. Same markup, only the density tokens change.
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 |
English · 中文
Staff pick en or cn (T001 Q25). Labels arrive localised; CJK falls back to PingFang SC / Noto Sans SC.
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 |
| 订单号 | 客户 | 零售商 | 产品类型 | 件 | 状态 | 工厂 | 加急 | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 两件套 | JATR | 可以下单 | — | 加急 | 组装 | |
| 4527 | R. Lindqvist | Atelier North | 衬衫 ×2 | SHSH | 可以下单 | — | 组装 | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 三件套 | JATRWC | 可以下单 | — | 组装 | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 两件套 + 衬衫 | JATRSH | Build | FRR | 生产单 | ||
| 4523 | M. Brennan | Kestrel Tailoring | 两件套 | JATR | On Hold | FRR | 加急 | 解除 | |
| 4522 | D. Haugen | Atelier North | 三件套 | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 两件套 + 衬衫 | JATRSH | Manufacturing | FRR, FXHF: F3.5 |
Long string · permission denied
The long-string case (PL-063) and what a role without the permission sees (the server decides; T003).
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | A. Fitzwilliam-Hart-Montgomery-Abernethy | The Cambridge Gentleman's Outfitters · Trumpington Street bespoke & made-to-measure branch | 3-Piece + Shirt ×2 + Waistcoat | JATRSHWC | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | ||
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | |||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | |||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR |
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.
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 |
| Order # | Customer | Retailer | Product type | Pieces | Status | Factory | Express | ||
|---|---|---|---|---|---|---|---|---|---|
| 4528 | J. Okafor | Harrow & Vale | 2-Piece | JATR | Ready For Fulfilment | — | Urgent | Assembly | |
| 4527 | R. Lindqvist | Atelier North | Shirt ×2 | SHSH | Ready For Fulfilment | — | Assembly | ||
| 4526 | 王 先生 | 杭州云裳高级定制 | 3-Piece | JATRWC | Ready For Fulfilment | — | Assembly | ||
| 4525R | A. Fitzwilliam-Hart | The Cambridge Gentleman's Outfitters | 2-Piece + Shirt | JATRSH | Build | FRR | Build | ||
| 4523 | M. Brennan | Kestrel Tailoring | 2-Piece | JATR | On Hold | FRR | Urgent | Resolve | |
| 4522 | D. Haugen | Atelier North | 3-Piece | JATRWC | Manufacturing | FRRHF: F3.5 | |||
| 4521 | S. Chen | Atelier North | 2-Piece + Shirt | JATRSH | Manufacturing | FRR, FXHF: F3.5 |
Contract
The @rj/admin-kit API for this family. Mirrored in CONTRACT.md.
- Export
DataTable·@rj/admin-kit- Props
columns·data·manualPagination·rowCount·sorting(only whenserverSort) ·selection·onBulkAction·density·stickyFirstColumn·columnVisibility·expand·groupBy·state- Variants
- compact · comfortable · framed
- States
- loading · ready · refetching (dim) · empty · filtered-empty · zero · error · stale · offline · partial · denied (read-only) · long-string · CJK
- shadcn / Radix
- Table (shadcn) · Checkbox · DropdownMenu (row ⋯) · Popover (column chooser)
- Package underneath
- @tanstack/react-table 8 · @tanstack/react-virtual · nuqs (page, sort, filters in the URL) · @tanstack/react-query
- Accessibility
- role=grid with roving focus; ↑↓ rows, Space peek, ↵ open, x select, / search; header checkbox is tri-state; sticky cells keep their reading order
- API operations
- admin.orders.index · admin.orders.status-catalogue · admin.tickets.index · admin.fabrics.index · admin.default-measurements.update (inline)
- Phone variant
DataCardList: cards in a list, status chips scroll sideways, long-press to select- Permission
- checkboxes, bulk bar and next-step buttons render only with the verbs the role holds
- Export
ColumnTypes·@rj/admin-kit- Props
orderId·retailer·pieces·orderStatus·ticketStatus·factory·money·datetime·bilingual·mono+ copy ·thumb·chips(+N) ·bool- Accessibility
- truncated cells carry the full value in title + accessible name
- Export
InlineEditCell·@rj/admin-kit- Props
value·onSave(optimistic) ·validate- States
- idle · editing · saving · saved (Undo) · rejected 422 (typed value kept)
- Package underneath
- react-query useMutation (rollback) · sonner (Undo) · zod
- Export
ColumnChooser·@rj/admin-kit- Props
columns·visible·order- States
- on · off · unavailable with reason (Meas. dropped)
- shadcn / Radix
- Popover + Checkbox + dnd-kit