Data Grid Library Example:

This example shows how to use the Shadcn UI Data Grid component. Here's a sample data grid with employee rows.

View the code on GitHub
User
Phone
CN

Alice Wonderland

alice.wonderland@example.com

123-456-7890
30
CN

Bob The Builder

bob.builder@example.com

234-567-8901
45
CN

Charlie Brown

charlie.brown@example.com

345-678-9012
28
CN

Diana Prince

diana.prince@example.com

456-789-0123
35
CN

Edward Scissorhands

edward.scissorhands@example.com

567-890-1234
22
CN

Fiona Gallagher

fiona.gallagher@example.com

678-901-2345
32
CN

George Jetson

george.jetson@example.com

789-012-3456
40
CN

Harry Potter

harry.potter@example.com

890-123-4567
25
CN

Irene Adler

irene.adler@example.com

901-234-5678
33
CN

James Bond

james.bond@example.com

012-345-6789
38
CN

Katniss Everdeen

katniss.everdeen@example.com

112-233-4455
29
CN

Luke Skywalker

luke.skywalker@example.com

223-344-5566
27
CN

Michael Scott

michael.scott@example.com

334-455-6677
42
CN

Neo Anderson

neo.anderson@example.com

445-566-7788
31