Data table

The admin table: Flop-driven sort/pagination, built-in debounced search and filter selects, tabs with filter presets, a collapsible stat overview, bulk selection, and a cards view — with the entire table state living in the URL. Everything below is live against an in-memory dataset.

Revenue (all)

$12031.57

Orders

Pending

Refunded

All 57 Pending 19 Shipped 19 Refunded 19

#4801 shipped

Alan Dijkstra

Shopify · $56.62

#4804 shipped

Barbara Liskov

Shopify · $78.39

#4807 shipped

Ken Knuth

Shopify · $64.18

#4810 shipped

Grace Perlman

Shopify · $240.13

#4813 shipped

Donald Thompson

Shopify · $80.10

#4816 shipped

Ada Lovelace

Shopify · $304.18

#4819 shipped

Edsger Turing

Shopify · $287.34

#4822 shipped

Radia Hopper

Shopify · $162.45

#4825 shipped

Alan Dijkstra

Shopify · $362.90

#4828 shipped

Barbara Liskov

Shopify · $324.27

<.data_table id="orders" rows={@orders} meta={@meta} path={~p"/orders"}
  selected_ids={@selected} search_field={:q}>
  <:stat label="Revenue (30d)" value={@revenue} />
  <:tab label="Pending" count={@counts.pending}
        filters={[%{field: "status", value: "pending"}]} />
  <:filter field={:channel} options={@channels} />
  <:col :let={o} label="Order" field={:reference} sortable>{o.reference}</:col>
  <:bulk_action label="Archive" icon="inbox" event="bulk-archive" />
  <:row_action :let={o}>…</:row_action>
  <:card :let={o}>…</:card>
</.data_table>