lantern

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
25
Pending
19
Refunded
19
All 57 Pending 19 Shipped 19 Refunded 19
Order Buyer Channel ↓ Status Total
#4803 Edsger Turing eBay pending $61.03
#4806 Radia Hopper eBay pending $65.44
#4809 Alan Dijkstra eBay pending $400.14
#4812 Barbara Liskov eBay pending $268.53
#4815 Ken Knuth eBay pending $49.27
#4818 Grace Perlman eBay pending $89.93
#4821 Donald Thompson eBay pending $237.47
#4824 Ada Lovelace eBay pending $50.49
#4827 Edsger Turing eBay pending $70.10
#4830 Radia Hopper eBay pending $182.46
#4833 Alan Dijkstra eBay pending $235.11
#4836 Barbara Liskov eBay pending $380.48
#4839 Ken Knuth eBay pending $156.04
#4842 Grace Perlman eBay pending $178.68
#4845 Donald Thompson eBay pending $362.35
#4848 Ada Lovelace eBay pending $331.97
#4851 Edsger Turing eBay pending $372.13
#4854 Radia Hopper eBay pending $202.03
#4857 Alan Dijkstra eBay pending $234.22
#4801 Alan Dijkstra Shopify shipped $56.62
#4804 Barbara Liskov Shopify shipped $78.39
#4807 Ken Knuth Shopify shipped $64.18
#4810 Grace Perlman Shopify shipped $240.13
#4813 Donald Thompson Shopify shipped $80.10
#4816 Ada Lovelace Shopify shipped $304.18 
<.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>