Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Order History
Table component with e-commerce order history showing order details, status tracking, items and totals for React storefront dashboards
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Display purchase history on your Next.js e-commerce storefront with this order history table component. Features order numbers with dates, status badges with step progression, item thumbnails with quantities, payment method icons, shipping tracking links, and order totals. Built with shadcn/ui Table, Badge, and Avatar components using Tailwind CSS and Lucide icons. The comprehensive order view enables easy purchase tracking perfect for customer account pages, admin order management, marketplace dashboards, subscription platforms, or any React app displaying transaction history.
Order History
6 orders · $985.90 total spent
| Order | Items | Status | Total | Payment | Tracking |
|---|---|---|---|---|---|
ORD-2024-1847 Mar 12, 2024 | Wireless Headphones Pro +1 more item | Delivered | $229.97 | 💳 | |
ORD-2024-1832 Mar 8, 2024 | Mechanical Keyboard | Shipped | $159.98 +$9.99 shipping | 🅿️ | |
ORD-2024-1798 Mar 5, 2024 | 27" 4K Monitor +2 more items | Processing | $499.97 | 🍎 | — |
ORD-2024-1756 Feb 28, 2024 | Laptop Backpack | Delivered | $95.98 +$5.99 shipping | 💳 | |
ORD-2024-1701 Feb 20, 2024 | Bluetooth Speaker | Refunded | $84.98 +$4.99 shipping | G | — |
ORD-2024-1689 Feb 15, 2024 | Webcam HD 1080p +1 more item | Cancelled | $112.97 +$7.99 shipping | 💳 | — |
Installation
Related blocks you will also like
Table with Status History
Status tracking
Table with Thumbnails
Product images
Table with Currency Formatting
Order totals
Table with Expandable Rows
Order details
Table with Badge Counters
Item counts
Table with DateTime Formatting
Order dates