...

Data-Table Filters

React data-table powered by tanstack table and shadcn ui with controls and cmdk using search params via nuqs.
github-icon
GitHub
1.58kstar-icon
Created a year ago, last commit 17 hours ago
6 contributors
109 commits
Stars added on GitHub, month by month
N/A
N/A
N/A
N/A
N/A
N/A
8
9
10
11
12
1
2
3
4
5
6
7
2024
2025
Stars added on GitHub, per day, on average
Yesterday
+3star-icon
Last week
+1.9
star-icon /day
Last month
+1.5
star-icon /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