shadcn/studio

Shadcn Table

Elevate your UI with a growing collection of 16 Shadcn table components, built using React and Tailwind CSS.

Default table.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00
Bordered table.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00

Rounded corner table

Table with vertical lines.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00
Table without border.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00
Striped rows table.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00
Striped columns table.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00
Highlight row table.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
INV008PaidDebit Card$350.00
INV009PendingGoogle Pay$969.00
INV010UnpaidApple Pay$815.00
Total$2,500.00

Overflow scroll table

InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
INV008PaidDebit Card$350.00
INV009PendingGoogle Pay$969.00
INV010UnpaidApple Pay$815.00
Total$2,500.00

Sticky header table

IDNameOccupationEmployerEmailLocationLast AccessSalary
1Alice SmithSoftware EngineerAlpha Techalice@example.comUnited States12/16/2021$120,000
2Bob JohnsonMarketing ManagerBeta Corpbob@example.comCanada11/05/2021$100,000
3Charlie BrownGraphic DesignerGamma Studioscharlie@example.comUnited Kingdom09/20/2022$75,000
4Dora EmilyHR ManagerDelta Corpdora@example.comAustralia08/10/2020$40,000
5Ethan HuntSecret AgentEagle Eyeethan@example.comIndia11/20/2021$220,000
6Fiona BrownFinancial AnalystFox Financefiona@example.comFrance07/05/2021$150,000
7George WilsonProject ManagerGazelle Technologiesgeorge@example.comBrazil05/25/2021$135,000

Sticky column table

Product NameIphone 16 PRO
Serial NumberDF121543309KU
CategorySmartphone
Purchase Date15/06/205
Warranty Expiry15/06/2026
OriginChina
Assign UserAlice Johnson
Value$1,120.0

Vertical table

NameEmailLocationStatusBalance
PG
Philip George
philipgeorge20@gmail.comMumbai, IndiaActive$10,696.00
TC
Tiana Curtis
tiana12@yahoo.comNew York, USapplied$0.00
JD
Jaylon Donin
jaylon23d.@outlook.comWashington, USActive$569.00
KY
Kim Yim
kim96@gmail.comBusan, South KoreaInactive-$506.90

Table with avatar

InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00

Table with pagination

NameEmailLocationStatusBalance
Philip Georgephilipgeorge20@gmail.comMumbai, IndiaActive$10,696.00
Sarah Chensarah.c@company.comSingaporeActive$600.00
James Wilsonj.wilson@company.comLondon, UKInactive$650.00
Maria Garciam.garcia@company.comMadrid, SpainActive$0.00
David Kimd.kim@company.comSeoul, KRActive-$1,000.00
Total$2,500.00

Table with row selection

ProductColorCategoryPriceActions
WGC
Chair
Wooden Garden Chair
BlackFurniture$269.09
J1R
Nike Shoes
Jordan 1 Retro OG
RedSneakers$150.00
O7P
OnePluse
OnePlus 7 Pro
Nebula BlueSmartphone$869.00
NS
Nintendo
Nintendo Switch
Neon Blue and RedConsole Gaming$499.00
AMM
Apple Magic Mouse
Apple Magic Mouse
BlackElectronics$110.29

Product Table