React Templates & Themes Logo React Templates & Themes
Data Table Filters screenshot

Data Table Filters

Author Avatar Theme by Openstatushq
Updated: 1 Apr 2025
1379 Stars

A playground for tanstack-table

Github Live Preview

Categories

Nextjs Tailwind Shadcn ui

Overview

This project is a standalone data-table demo intended for use within the OpenStatus dashboard. It includes features such as data tables with simple pagination, data tables with infinite scroll, and click details. The project is built using Next.js, STAN stack, Querytan, Tablestan, and UICmdknuqsdnd-kit.

Features

  • Data Table with Infinite Scroll: Accessible for use and work on PoC/MVP with data tables.
  • Simple Pagination: Easy navigation through data tables.
  • Click Details: Ability to view more detailed information on click.
  • Examples Inspired by Datadog and Vercel Log Tables: Implementations inspired by industry leaders in data tables.

Installation

To get started with the project, follow these steps:

  1. Clone the repository from [repository URL].
  2. Navigate to the project directory.
  3. Install dependencies by running npm install.
  4. Run the development server by executing npm run dev.
  5. Open http://localhost:3000 in your browser to view the data-table demo.

Summary

The standalone data-table demo project within the OpenStatus dashboard provides essential features such as pagination, infinite scroll, and detailed information on click. Built using advanced technologies, the project aims to simplify the use and implementation of data tables for various purposes. Contributions are welcomed, and the project offers new examples over time for improved functionality and user experience.