{"id":13421856,"url":"https://github.com/jbetancur/react-data-table-component","last_synced_at":"2026-05-21T02:18:36.924Z","repository":{"id":37431720,"uuid":"125463757","full_name":"jbetancur/react-data-table-component","owner":"jbetancur","description":"A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.","archived":false,"fork":false,"pushed_at":"2025-03-28T22:21:29.000Z","size":21096,"stargazers_count":2129,"open_issues_count":87,"forks_count":419,"subscribers_count":32,"default_branch":"master","last_synced_at":"2025-05-11T11:09:38.083Z","etag":null,"topics":["react","react-components","reactjs","table"],"latest_commit_sha":null,"homepage":"https://reactdatatable.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jbetancur.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE-OF-CONDUCT.md","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,"zenodo":null},"funding":{"open_collective":"john-betancur"}},"created_at":"2018-03-16T04:31:39.000Z","updated_at":"2025-05-08T19:52:41.000Z","dependencies_parsed_at":"2023-12-15T10:10:20.812Z","dependency_job_id":"8c3162a0-0976-4e49-a932-1a9323e42615","html_url":"https://github.com/jbetancur/react-data-table-component","commit_stats":{"total_commits":664,"total_committers":69,"mean_commits":9.623188405797102,"dds":"0.31777108433734935","last_synced_commit":"59c6ac1b6a3004ac9e719815290524f6a5752bdc"},"previous_names":[],"tags_count":154,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbetancur%2Freact-data-table-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbetancur%2Freact-data-table-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbetancur%2Freact-data-table-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbetancur%2Freact-data-table-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jbetancur","download_url":"https://codeload.github.com/jbetancur/react-data-table-component/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253554089,"owners_count":21926614,"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","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":["react","react-components","reactjs","table"],"created_at":"2024-07-30T23:00:32.917Z","updated_at":"2026-05-21T02:18:36.912Z","avatar_url":"https://github.com/jbetancur.png","language":"TypeScript","funding_links":["https://opencollective.com/john-betancur","https://github.com/sponsors/jbetancur","https://opencollective.com/react-data-table-component"],"categories":["UI Components","Data Tables \u0026 Grids","TypeScript"],"sub_categories":["Table"],"readme":"[![Netlify Status](https://api.netlify.com/api/v1/badges/26e0d16d-a986-46b1-9097-1a76c10d7cad/deploy-status)](https://app.netlify.com/sites/react-data-table-component/deploys) [![npm version](https://badge.fury.io/js/react-data-table-component.svg)](https://badge.fury.io/js/react-data-table-component) [![codecov](https://codecov.io/gh/jbetancur/react-data-table-component/branch/master/graph/badge.svg)](https://codecov.io/gh/jbetancur/react-data-table-component) [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)\n\n# React Data Table Component\n\n[![GitHub release](https://img.shields.io/github/release/jbetancur/react-data-table-component.svg)](https://GitHub.com/jbetancur/react-data-table-component/releases/)\n\n**A simple but flexible React data table. Working table in 10 lines.** Sorting, selection, pagination, expandable rows, and theming are opt-in props. No atomic HTML table knowledge required.\n\n`react-data-table-component` sits between \"render everything yourself\" headless toolkits and full \"configure-the-grid\" frameworks. It's for cases where the table is a means, not the product: admin panels, dashboards, internal tools, MVPs. If you need an Excel clone or a 100k-row analytics grid, there are better-suited libraries for that.\n\n## Quick start\n\n```tsx\nimport DataTable from 'react-data-table-component';\n\nconst columns = [\n  { name: 'Title', selector: row =\u003e row.title, sortable: true },\n  { name: 'Year', selector: row =\u003e row.year, sortable: true },\n  { name: 'Director', selector: row =\u003e row.director },\n];\n\nexport default function Movies() {\n  return \u003cDataTable columns={columns} data={data} pagination /\u003e;\n}\n```\n\n# Key Features\n\n- Sorting, row selection, expandable rows, and pagination (all opt-in props)\n- Themeable via CSS variables; deeply customizable via `customStyles`\n- Accessible (`role`, `aria-sort`, `aria-selected`, keyboard navigation)\n- Responsive (x-scroll / flex)\n- TypeScript types bundled\n- SSR-safe; ships `\"use client\"` for Next.js App Router (import directly into a Server Component file)\n- Headless hooks exported for full markup/style control when you outgrow the defaults\n\n# Documentation Website\n\nThe documentation contains information about installation, usage and contributions.\n\n[reactdatatable.com](https://reactdatatable.com)\n\n# Supporting React Data Table Component\n\nReact Data Table Component is maintained by one person and downloaded ~200k times a week. If your team ships products with it, your support keeps it maintained, bug-free, and moving forward.\n\n## Sponsor the project\n\nSponsoring puts your company logo in front of ~200k developers a week: in the README, the docs site, and every release. It's the right move if your team depends on this library and you want it to keep improving.\n\n| Tier | Price/month | Perk |\n| --- | --- | --- |\n| ☕ Supporter | $5 | Your name in the README supporters list |\n| 🎗 Backer | $20 | Name + link in README |\n| 🥉 Bronze | $100 | Small logo in README + docs site footer |\n| 🥈 Silver | $200 | Medium logo in README + docs site sidebar |\n| 🥇 Gold | $500 | Large logo in README + hero spot on reactdatatable.com. Limited to 3. |\n\n[![Sponsor on GitHub Sponsors](https://img.shields.io/badge/Sponsor-GitHub%20Sponsors-ea4aaa?logo=github)](https://github.com/sponsors/jbetancur)\n[![Sponsor on OpenCollective](https://img.shields.io/badge/Sponsor-OpenCollective-blue?logo=opencollective)](https://opencollective.com/react-data-table-component)\n\n## Need help?\n\nOpen a [GitHub issue](https://github.com/jbetancur/react-data-table-component/issues). Priority support is available for teams that [sponsor the project](https://github.com/sponsors/jbetancur).\n\n## Sponsors\n\n_Become a [Gold Sponsor](https://github.com/sponsors/jbetancur) and your logo goes here._\n\n## Backers\n\nThank you to our recurring backers:\n\n- Rich Tillman\n\n# Contributors\n\n[![Contributors](https://contrib.rocks/image?repo=jbetancur/react-data-table-component)](https://github.com/jbetancur/react-data-table-component/graphs/contributors)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbetancur%2Freact-data-table-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjbetancur%2Freact-data-table-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbetancur%2Freact-data-table-component/lists"}