React Tanstack Table UI with shadcn/ui

A complex table component with pagination, sorting, filtering, and more. Built with Tanstack Table and shadcn/ui components.

Tanstack Table DocsReact Tanstack Table UI Docsshadcn/ui Docs
pnpm add @rttui/core

Complex Table

Open in
Tony Fisher
tony.fisher@example.com
Munich, Germany
Munich
265 Cedar Way
Ava Johnson
ava.johnson@mail.co
Rio de Janeiro, Brazil
Rio de Janeiro
65 Elm Boulevard
Emily Black
emily.black@demo.io
Turin, Italy
Turin
835 High Court
Tony Fisher
tony.fisher@mail.co
Malmö, Sweden
Malmö
600 Maple Way
Amelia Connell
amelia.connell@testdata.org
Berlin, Germany
Berlin
566 Pine Court
Charlotte Garcia
charlotte.garcia@testdata.org
Mendoza, Argentina
Mendoza
568 Elm Boulevard
Amelia Jones
amelia.jones@example.com
Thessaloniki, Greece
Thessaloniki
184 Park Drive
Sophie Grady
sophie.grady@mockup.net
Rio de Janeiro, Brazil
Rio de Janeiro
509 Cedar Road
Tony Brennan
tony.brennan@demo.io
Turin, Italy
Turin
603 Birch Court
Andrew Rodriguez
andrew.rodriguez@mail.co
Stockholm, Sweden
Stockholm
597 High Court
Sophie Beckham
sophie.beckham@mail.co
Rio de Janeiro, Brazil
Rio de Janeiro
478 Pine Avenue
James Hunter
james.hunter@testdata.org
Nice, France
Nice
524 High Road
Olivia Johnson
olivia.johnson@mail.co
Malmö, Sweden
Malmö
426 Willow Boulevard
Lily Wilson
lily.wilson@mockup.net
Fortaleza, Brazil
Fortaleza
56 Main Place
Charlotte Rodriguez
charlotte.rodriguez@demo.io
Milan, Italy
Milan
916 Willow Boulevard
Sophie Brennan
sophie.brennan@mockup.net
Paris, France
Paris
252 High Boulevard
Olivia Brock
olivia.brock@demo.io
Hamburg, Germany
Hamburg
825 Lake Court
Isabelle Smith
isabelle.smith@demo.io
Madrid, Spain
Madrid
361 Elm Avenue

Installation:

pnpm dlx shadcn@latest add https://rttui-chadcn-registry.vercel.app/r/complex-table.json