Style Guide

Tables

Interactive tables with sortable columns, filterable headers, and pagination.

Basic Table

Simple sortable table without filters. Click column headers to sort.

Product Name
Category
Price
Stock
Status
Wireless HeadphonesElectronics$129.9945In Stock
Yoga MatFitness$29.99120In Stock
Coffee MakerAppliances$89.990Out of Stock
Running ShoesFootwear$119.9967In Stock
Desk LampFurniture$45.9923In Stock
Water BottleAccessories$19.99200In Stock
Bluetooth SpeakerElectronics$79.995Low Stock
Notebook SetStationery$12.99150In Stock

Table with Filters

Sortable table with filter inputs and select menus in the sticky header.

Customer Name
Email
Location
Tier
Orders
Sarah Chensarah.chen@email.comSan FranciscoGold24
Michael Torresm.torres@email.comAustinSilver12
Emma Wilsonemma.w@email.comSeattlePlatinum45
James Parkjpark@email.comBostonBronze3
Olivia Martinezolivia.m@email.comDenverGold18
Liam Andersonliam.a@email.comPortlandSilver9
Sophia Rodriguezsophia.r@email.comMiamiPlatinum52
Noah Thompsonnoah.t@email.comChicagoBronze6

Table with Filters & Pagination

Full-featured table with filters, sorting, and pagination controls.

Order #
Customer
Product
Amount
Status
Date
ORD-1001Sarah ChenWireless Headphones$129.99Delivered1/15/2024
ORD-1002Michael TorresYoga Mat$29.99Shipped1/16/2024
ORD-1003Emma WilsonCoffee Maker$89.99Processing1/17/2024
ORD-1004James ParkRunning Shoes$119.99Delivered1/18/2024
ORD-1005Olivia MartinezDesk Lamp$45.99Cancelled1/19/2024
Showing 1 to 5 of 15 results
Page 1 of 3