{"id":21096242,"url":"https://github.com/muskangarg24/react-tanstack-table","last_synced_at":"2026-04-16T10:33:20.138Z","repository":{"id":243927898,"uuid":"774805684","full_name":"MuskanGarg24/react-tanstack-table","owner":"MuskanGarg24","description":"A data table web application built using React JS, featuring sorting, filtering, grouping, column management, and pagination. Based on Tanstack React Table. ","archived":false,"fork":false,"pushed_at":"2024-03-21T20:45:19.000Z","size":380,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-14T07:21:13.542Z","etag":null,"topics":["reactjs","tailwindcss","tanstack-table"],"latest_commit_sha":null,"homepage":"https://tanstack-react-table-task.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MuskanGarg24.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-20T08:13:39.000Z","updated_at":"2024-06-11T18:27:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"44f7d97d-413b-4192-adab-4efb77105419","html_url":"https://github.com/MuskanGarg24/react-tanstack-table","commit_stats":null,"previous_names":["muskangarg24/react-tanstack-table"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MuskanGarg24/react-tanstack-table","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuskanGarg24%2Freact-tanstack-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuskanGarg24%2Freact-tanstack-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuskanGarg24%2Freact-tanstack-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuskanGarg24%2Freact-tanstack-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MuskanGarg24","download_url":"https://codeload.github.com/MuskanGarg24/react-tanstack-table/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuskanGarg24%2Freact-tanstack-table/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278503206,"owners_count":25997717,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["reactjs","tailwindcss","tanstack-table"],"created_at":"2024-11-19T22:34:26.246Z","updated_at":"2025-10-05T18:54:38.175Z","avatar_url":"https://github.com/MuskanGarg24.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TanStack React Data Table\n\nThis project is an advanced data table web application built using React JS styled by Tailwind CSS. It offers various features for viewing, filtering, sorting, and managing data effectively.\n\n## Features\n\n1. **View/Hide Columns**: Users can toggle the visibility of columns according to their preferences.\n\n2. **Sort**: Columns can be sorted in ascending or descending order.\n\n3. **Filtering Table Rows**:\n    - **Global Search**: Search and filter overall data in the table using a search bar available at the top right.\n    - **Fuzzy Search**: Search and filter rows based on a specific column using fuzzy search for `name`.\n    - **Multi-Select Dropdown Filter**: Users can filter data based on exact matches and generate facets for `category` and `subcategory`.\n    - **Range Filter**: Filter numeric and date columns using a slider for `price` and a date range picker for `createdAt` and `updatedAt`.\n    \n4. **Grouping Column Data**: Data can be grouped based on `category` and `subcategory` with a side panel.\n\n5. **Pagination**: Results are paginated with 10 results per page.\n\n## Getting Started\n\nTo get started with the project, follow these steps:\n\n1. Clone the repository.\n2. Install dependencies using `npm install`.\n3. Start the development server using `npm run dev`.\n4. Open your web browser and navigate to `http://localhost:5173/` (or the appropriate port if specified).\n\n## Dependencies\n\nThis project is based on Tanstack React Table. Ensure that the following dependencies are installed:\n\n- Tanstack React Table: [Link to Documentation](https://tanstack.com/)\n\nPlease refer to the documentation for detailed instructions on implementing specific features.\n\n## Deployment\n\nThe project is deployed using Netlify: [Live Demo](https://tanstack-react-table-task.netlify.app/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuskangarg24%2Freact-tanstack-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuskangarg24%2Freact-tanstack-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuskangarg24%2Freact-tanstack-table/lists"}