Data-Table Filters

React data-table powered by tanstack table and shadcn ui with controls and cmdk using search params via nuqs.
GitHub
1.25k
Created 7 months ago, last commit 10 hours ago
3 contributors
106 commits
Stars added on GitHub, month by month
N/A
N/A
N/A
N/A
N/A
N/A
N/A
N/A
N/A
N/A
4
5
6
7
8
9
10
11
12
1
2
3
2024
2025
Stars added on GitHub, per day, on average
Yesterday
+3
Last week
+6.1
/day
Last month
+6.8
/day
README

About The Project

This is a standalone data-table demo that we will be using within the OpenStatus dashboard.

Data Table with Infinite Scroll

Visit data-table.openstatus.dev to learn more.

To make it not only more accessible for you to use, but also work on PoC/MVP with data-tables, we have started this repository. We will maintain it and add new examples over time.

It currently includes two main concepts:

The UI is heavily inspired by datadog and vercel log tables.

Note

We are working on a Guide to help you get started and not wild guess anymore.

More Examples:

Built With

Our stack is:

We will consider making an example with vitejs for all our raw react lovers. Contributions are welcome!

Getting Started

No environment variable required. Run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

Want more?

If you are looking for specific use-cases or like what we are building and want to hire us, feel free write us to hire@openstatus.dev or book a call via cal.com.

Credits