https://github.com/s-babaeizadeh/tanstacktable-downloadbtn-searchfilter
In React applications, Tabstak tables are effectively employed to present data in a structured and visually appealing manner.
https://github.com/s-babaeizadeh/tanstacktable-downloadbtn-searchfilter
debouncing file-download pagination reactjs tailwindcss tanstack-react-query tanstack-table
Last synced: 22 days ago
JSON representation
In React applications, Tabstak tables are effectively employed to present data in a structured and visually appealing manner.
- Host: GitHub
- URL: https://github.com/s-babaeizadeh/tanstacktable-downloadbtn-searchfilter
- Owner: s-babaeizadeh
- License: mit
- Created: 2024-05-12T08:42:15.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-07T14:51:49.000Z (over 1 year ago)
- Last Synced: 2025-09-22T20:56:01.392Z (8 months ago)
- Topics: debouncing, file-download, pagination, reactjs, tailwindcss, tanstack-react-query, tanstack-table
- Language: JavaScript
- Homepage:
- Size: 184 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
TanStack Table for Displaying and Filtering Data
This project utilizes TanStack Table to display data in a user-friendly format. Users can easily filter the data and download the table as a PDF file. Additionally, the table features pagination for efficient navigation through large datasets. To optimize the search functionality, a debouncing method has been implemented, ensuring that search queries are processed efficiently and reducing unnecessary re-renders.
# Getting Started with Create React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
### `npm start`