Search Themes

Search for themes and categories

GitHub
openstatushq's avatar

Data Table Filters

by openstatushq

A playground for tanstack-table

1,379
Nov 5, 2024
open-source
nextjsreacttailwind
WebsiteGitHub
Data Table Filters screenshot

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.