F1 component kit/Tables and lists/Data tablePhone

Data table

F1 variant05 · 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.

Whole page:CompactComfortableLaravel · navyDTC · midnight green
AnatomyStatesDensityEN · 中文Edge casesContract

Anatomy

The component as it sits in the product: English, compact, real data shapes.

Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18

States

16 states, left to right, top to bottom. A mock poll never finishes, so each state is drawn on purpose.

default
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
hover + keyboard focus
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
Hover row 1 · keyboard focus row 4: ↑↓ walk, Space peek, ↵ open, x select, / search.
selected rows
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
3 selectedon this pagePrintData ExportClear
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
column chooser open
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
wide · sticky first column
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
Wide table at 640px: select + Order # stay put with an edge shade; the header stays put on scroll.
expanded row
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: 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
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
4519Plus Size re-checkL. MoreauBrightwater Bespoke2-PieceJATRManufacturingFRR
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
grouped rows
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
FRR · 4
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
4519Plus Size re-checkL. MoreauBrightwater Bespoke2-PieceJATRManufacturingFRR
4516李 女士上海锦衣定制 · 静安店2-PieceJATRManufacturingFRRHF: F3.5
No factory yet · 3
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
inline edit: saving · saved · rejected

Default measurements · shirt

cm · admin.default-measurements.update
SizeTypeLengthShouldersChestSleeveNeck
Sshirt7242
98
6337
Mshirt7544
104.5
6538
Lshirt7746
110Undo
6640
XLshirt7948
116060–180 cm
6741
XXLshirt8150
122cm
6843
Chest column, top to bottom: idle · saving · saved with Undo (toast too) · rejected 422, typed value kept · editing.
sort: only where the API sorts
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
Server sort exists on 5 list operations only (accounts, fabric codes, order components, print templates, citations). Orders sort is fixed: order # ↓; headers are not clickable. Never client-sort one page and present it as the list.
loading skeleton
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
refetch dims rows
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
Refetch dims the rows, never blanks them (filters changed; old page stays readable).
filtered empty
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
4419/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns

No orders match “4419”

Search pauses the tabs and looks in every status. Try the order number without spaces, or the customer's surname.

zero state (On Hold)
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns

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.

stale / offline
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Showing data from 06:39 · reconnectingActions are paused until the list is live again.
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
partial data
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Factory column partly missingThe phase summary for 3 rows timed out; those cells show “—”. Everything else is current.
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
error + request id
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns

Orders didn't load

The server answered 500. Your filters are kept.

request id 9f3c2a71-4e0b · 06:41:12 UTC

Density

Compact (2b ultra, the default) and comfortable, side by side. Same markup, only the density tokens change.

compact · default · data-density=compact
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
comfortable · data-density=comfortable
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18

English · 中文

Staff pick en or cn (T001 Q25). Labels arrive localised; CJK falls back to PingFang SC / Noto Sans SC.

en
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
中文 · lang=zh-Hans
进行中 426可以下单 7Build 5Manufacturing 412Outbound 106On Hold 2更多 自定义标签
订单号或客户名/品牌 全部仅回头单大码复核紧凑宽松列
订单号客户零售商产品类型件状态工厂加急
4528J. OkaforHarrow & Vale两件套JATR可以下单—加急组装
4527R. LindqvistAtelier North衬衫 ×2SHSH可以下单—组装
4526王 先生杭州云裳高级定制三件套JATRWC可以下单—组装
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters两件套 + 衬衫JATRSHBuildFRR生产单
4523M. BrennanKestrel Tailoring两件套JATROn HoldFRR加急解除
4522D. HaugenAtelier North三件套JATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North两件套 + 衬衫JATRSHManufacturingFRR, FXHF: F3.5
1–24 共 426最新在前 · 订单号 ↓(固定排序)时间按 Asia/Shanghai (UTC+8)每页25页 1 / 18

Long string · permission denied

The long-string case (PL-063) and what a role without the permission sees (the server decides; T003).

long string
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528A. Fitzwilliam-Hart-Montgomery-AbernethyThe Cambridge Gentleman's Outfitters · Trumpington Street bespoke & made-to-measure branch3-Piece + Shirt ×2 + WaistcoatJATRSHWCReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
permission denied
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/CompactComfortableColumns
Read only for your roleSupport sees orders but not print orders · edit orders: no checkboxes, no bulk bar, no next-step buttons, no Cloud print in ⋯.
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—Urgent
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRR

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
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18
DTC admin · data-theme=dtc
Active 426Ready For Fulfilment 7Build 5Manufacturing 412Outbound 106On Hold 2More Customise tabs
Order number or customer name/Brand AllReturning onlyPlus Size re-checkCompactComfortableColumns
Order #CustomerRetailerProduct typePiecesStatusFactoryExpress
4528J. OkaforHarrow & Vale2-PieceJATRReady For Fulfilment—UrgentAssembly
4527R. LindqvistAtelier NorthShirt ×2SHSHReady For Fulfilment—Assembly
4526王 先生杭州云裳高级定制3-PieceJATRWCReady For Fulfilment—Assembly
4525RA. Fitzwilliam-HartThe Cambridge Gentleman's Outfitters2-Piece + ShirtJATRSHBuildFRRBuild
4523M. BrennanKestrel Tailoring2-PieceJATROn HoldFRRUrgentResolve
4522D. HaugenAtelier North3-PieceJATRWCManufacturingFRRHF: F3.5
4521S. ChenAtelier North2-Piece + ShirtJATRSHManufacturingFRR, FXHF: F3.5
1–24 of 426Newest first · order # ↓ (fixed sort)Times in Asia/Shanghai (UTC+8)Rows25Page 1 / 18

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 when serverSort) · 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