{"id":18496460,"url":"https://github.com/rohitkadu/advance-data-table-tanstack-react","last_synced_at":"2026-04-15T05:31:59.488Z","repository":{"id":249484300,"uuid":"818962317","full_name":"rohitkadu/Advance-Data-Table-Tanstack-React","owner":"rohitkadu","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-23T19:40:34.000Z","size":883,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-14T04:32:16.844Z","etag":null,"topics":["css","data","html","javascript","jsx","material-react-table","npm","react-table","reactjs","tanstack-table","vite"],"latest_commit_sha":null,"homepage":"https://advance-data-table-rohit.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/rohitkadu.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-06-23T11:31:10.000Z","updated_at":"2024-12-16T09:20:13.000Z","dependencies_parsed_at":"2024-07-21T08:57:17.403Z","dependency_job_id":"f1481251-7944-4df9-af05-8aee08f2d9b9","html_url":"https://github.com/rohitkadu/Advance-Data-Table-Tanstack-React","commit_stats":null,"previous_names":["rohitkadu/advance-data-table-tanstack-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rohitkadu/Advance-Data-Table-Tanstack-React","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitkadu%2FAdvance-Data-Table-Tanstack-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitkadu%2FAdvance-Data-Table-Tanstack-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitkadu%2FAdvance-Data-Table-Tanstack-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitkadu%2FAdvance-Data-Table-Tanstack-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rohitkadu","download_url":"https://codeload.github.com/rohitkadu/Advance-Data-Table-Tanstack-React/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitkadu%2FAdvance-Data-Table-Tanstack-React/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31828531,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"online","status_checked_at":"2026-04-15T02:00:06.175Z","response_time":63,"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":["css","data","html","javascript","jsx","material-react-table","npm","react-table","reactjs","tanstack-table","vite"],"created_at":"2024-11-06T13:29:31.203Z","updated_at":"2026-04-15T05:31:59.465Z","avatar_url":"https://github.com/rohitkadu.png","language":"JavaScript","readme":"# 📊 Advance Data Table\n\n\n## Screenshots\n\u003cp\u003eUser Interface\u003c/p\u003e\n\u003cimg src=\"https://github.com/rohitkadu/Advance-Data-Table-Tanstack-React/blob/main/screenshots/home-screen.png\"\u003e\n\n\u003cimg src=\"https://github.com/rohitkadu/Advance-Data-Table-Tanstack-React/blob/main/screenshots/filter.png\"\u003e\n\n\u003cimg src=\"https://github.com/rohitkadu/Advance-Data-Table-Tanstack-React/blob/main/screenshots/group%20by.png\"\u003e\n\n\u003cimg src=\"https://github.com/rohitkadu/Advance-Data-Table-Tanstack-React/blob/main/screenshots/Screenshot%20(446).png\"\u003e\n\n# Advanced Data Table Project\nThis project showcases an advanced data table implementation using React and @tanstack/react-table library.\n\n## Overview\n\nThis project aims to create a powerful and flexible data table component in React, suitable for complex data management and display scenarios. It leverages the @tanstack/react-table library for its core functionality, enabling features like sorting, filtering, grouping, and customizable column visibility.\n\n## Features\n- **Sorting**: Clickable headers for sorting data by ascending or descending order.\n- **Filtering**: Global search functionality to filter data based on user input.\n- **Grouping**: Ability to group data by selected columns, such as category or any other relevant fields.\n- **Column Visibility**: Customize which columns are displayed in the table using a sidebar interface.\n- **Pagination**: Navigate through large datasets with pagination controls.\n- **Custom Cell Rendering**: Display formatted dates and other customized data types.\n- **Responsive Design**: Table adapts to different screen sizes for optimal viewing experience.\n\n## Technologies Used\n\n\u003cp\u003e\n\u003cimg height=\"50\" src=\"https://pbs.twimg.com/profile_images/1750416900306440192/m_Vw7t19_400x400.jpg\"\u003e\n  \n\u003cimg height=\"50\" src=\"https://user-images.githubusercontent.com/25181517/183897015-94a058a6-b86e-4e42-a37f-bf92061753e5.png\"\u003e\n  \n\u003cimg height=\"50\" src=\"https://github-production-user-asset-6210df.s3.amazonaws.com/62091613/261395532-b40892ef-efb8-4b0e-a6b5-d1cfc2f3fc35.png\"\u003e\n\n\u003cimg height=\"50\" src=\"https://user-images.githubusercontent.com/25181517/117447155-6a868a00-af3d-11eb-9cfe-245df15c9f3f.png\"\u003e\n\n\u003cimg height=\"50\" src=\"https://user-images.githubusercontent.com/25181517/121401671-49102800-c959-11eb-9f6f-74d49a5e1774.png\"\u003e\n\n\u003cimg height=\"50\" src=\"https://user-images.githubusercontent.com/25181517/189716630-fe6c084c-6c66-43af-aa49-64c8aea4a5c2.png\"\u003e\n\n\u003cimg height=\"50\" src=\"https://user-images.githubusercontent.com/25181517/183898054-b3d693d4-dafb-4808-a509-bab54cf5de34.png\"\u003e\n\n\u003c/p\u003e\n\n- **React**: JavaScript library for building user interfaces.\n- **@tanstack/react-table**: Lightweight and extensible table library for React.\n- **CSS**: Styling and layout using CSS for enhanced user experience.\n- **JavaScript (ES6+)**: Modern JavaScript syntax for writing clean and efficient code.\n- **JSON**: Sample data stored in JSON format for demonstration purposes.\n\n## Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone \u003crepository-url\u003e\n   \n2. Install dependencies:\n   ````bash\n   npm install\n   \n3. usgae\n   ````bash\n   npm run dev\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohitkadu%2Fadvance-data-table-tanstack-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frohitkadu%2Fadvance-data-table-tanstack-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohitkadu%2Fadvance-data-table-tanstack-react/lists"}