{"id":13543135,"url":"https://github.com/reactabular/reactabular","last_synced_at":"2025-05-14T23:02:27.094Z","repository":{"id":26043064,"uuid":"29486309","full_name":"reactabular/reactabular","owner":"reactabular","description":"A framework for building the React table you need (MIT)","archived":false,"fork":false,"pushed_at":"2023-12-13T13:37:05.000Z","size":42088,"stargazers_count":916,"open_issues_count":47,"forks_count":142,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-04-09T20:44:39.070Z","etag":null,"topics":["data-table","javascript","react","table"],"latest_commit_sha":null,"homepage":"http://reactabular.js.org/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/reactabular.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2015-01-19T18:57:31.000Z","updated_at":"2025-03-09T10:57:17.000Z","dependencies_parsed_at":"2024-01-11T19:18:38.564Z","dependency_job_id":"e4b2920e-796f-44f4-a960-26a645c6b3ce","html_url":"https://github.com/reactabular/reactabular","commit_stats":{"total_commits":2282,"total_committers":60,"mean_commits":38.03333333333333,"dds":0.06617002629272573,"last_synced_commit":"ee7d72fb9b23d7358e0ab438b1041ae7e58fa9b1"},"previous_names":[],"tags_count":162,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactabular%2Freactabular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactabular%2Freactabular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactabular%2Freactabular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactabular%2Freactabular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reactabular","download_url":"https://codeload.github.com/reactabular/reactabular/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248553319,"owners_count":21123424,"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":["data-table","javascript","react","table"],"created_at":"2024-08-01T11:00:23.821Z","updated_at":"2025-04-13T18:30:09.092Z","avatar_url":"https://github.com/reactabular.png","language":"JavaScript","readme":"[![Join the chat at https://gitter.im/reactabular/reactabular](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/reactabular/reactabular) [![build status](https://secure.travis-ci.org/reactabular/reactabular.svg)](http://travis-ci.org/reactabular/reactabular) [![codecov](https://codecov.io/gh/reactabular/reactabular/branch/master/graph/badge.svg)](https://codecov.io/gh/reactabular/reactabular)\n[![OpenCollective](https://opencollective.com/reactabular/backers/badge.svg)](#backers)\n[![OpenCollective](https://opencollective.com/reactabular/sponsors/badge.svg)](#sponsors)\n\n# Reactabular - A framework for building the React table you need\n\nReactabular has been designed to be extensible. Rather than implementing a lot of functionality in its core, it provides extension points. You can, for instance, customize rendering on cell level. It is possible to implement functionality, such as search, pagination, sorting, and inline editing, through composition. The library includes a variety of utilities for this even though you may use third party ones as well.\n\nBy default Reactabular operates using a column and a data definition. It doesn't care where those come from. It just renders the table for you. This means Reactabular will fit right into your current data architecture. It doesn't constrain it in any manner.\n\nThe chosen approach pushes a lot of complexity out of the core. As a result it might take more code to achieve certain functionalities. This is the price of flexibility. And that's the primary design goal of Reactabular.\n\n\u003e If you want to learn more about React, read [SurviveJS - Webpack and React](http://survivejs.com/).\n\n## Example\n\nThe following example illustrates the approach used by Reactabular:\n\n```jsx\n/*\nimport * as Table from 'reactabular-table';\n*/\n\nconst rows = [\n  {\n    id: 100,\n    name: 'John',\n    tools: {\n      hammer: true\n    },\n    country: 'fi'\n  },\n  {\n    id: 101,\n    name: 'Jack',\n    tools: {\n      hammer: false\n    },\n    country: 'dk'\n  }\n];\nconst countries = {\n  fi: 'Finland',\n  dk: 'Denmark'\n};\n\nconst columns = [\n  {\n    property: 'name',\n    header: {\n      label: 'Name',\n      transforms: [\n        label =\u003e ({\n          onClick: () =\u003e alert(`clicked ${label}`)\n        })\n      ]\n    }\n  },\n  {\n    property: 'tools',\n    header: {\n      label: 'Active',\n      transforms: [\n        label =\u003e ({\n          onClick: () =\u003e alert(`clicked ${label}`)\n        })\n      ]\n    },\n    cell: {\n      formatters: [\n        tools =\u003e tools.hammer ? 'Hammertime' : 'nope'\n      ]\n    }\n  },\n  {\n    property: 'country',\n    header: {\n      label: 'Country',\n      transforms: [\n        label =\u003e ({\n          onClick: () =\u003e alert(`clicked ${label}`)\n        })\n      ]\n    },\n    cell: {\n      formatters: [\n        country =\u003e countries[country]\n      ]\n    }\n  },\n];\n\n\u003cTable.Provider\n  className=\"pure-table pure-table-striped\"\n  columns={columns}\n\u003e\n  \u003cTable.Header /\u003e\n\n  \u003cTable.Body rows={rows} rowKey=\"id\" /\u003e\n\u003c/Table.Provider\u003e\n```\n\n## Available Packages\n\nThe following image shows roughly what packages are available. You will need to install them individually based on your needs. It is possible to use packages beyond these, but the ones listed below are maintained within the Reactabular organization:\n\n![Reactabular packages](./images/overall.png)\n\n## Testimonials\n\n\u003e If you've struggled with other React table components, you'll see why this one is the best! - [Tim Dorr](https://twitter.com/timdorr/status/750346565374455808)\n\n---\n\n\u003e It’s not a regular table component it’s a whole framework to work with tables: sorting, drag’n’drop, filtering, etc. And it’s easy to change every part if you need something specific. - [Artem Sapegin](http://sapegin.me/)\n\n---\n\n\u003e Great work with reactabular! Best grid library I've seen in React and tried many of them. - [Piotr Zmudzinski](https://github.com/reactabular/treetabular/issues/1#issue-204945773)\n\n---\n\nIf you are using Reactabular and want to endorse it, [let me know](https://github.com/reactabular/reactabular/issues/new).\n\n## Sponsors\n\n[![SurviveJS](./images/survivejs.png)](http://survivejs.com/) [![Kenandy](./images/kenandy.png)](http://www.kenandy.com/)\n\n[Become a sponsor](https://opencollective.com/reactabular#sponsor) and get your logo on our README on Github with a link to your site.\n\n[![](https://opencollective.com/reactabular/sponsor/0/avatar.svg)](https://opencollective.com/reactabular/sponsor/0/website)\n[![](https://opencollective.com/reactabular/sponsor/1/avatar.svg)](https://opencollective.com/reactabular/sponsor/1/website)\n\n## Backers\n\n[Become a backer](https://opencollective.com/reactabular#backer) and get your image on our README on Github with a link to your site.\n\n[![alt text](https://opencollective.com/reactabular/backer/0/avatar.svg)](https://opencollective.com/reactabular/backer/0/website)\n[![alt text](https://opencollective.com/reactabular/backer/1/avatar.svg)](https://opencollective.com/reactabular/backer/1/website)\n\n## License\n\nMIT. See LICENSE for details.\n","funding_links":["https://opencollective.com/reactabular","https://opencollective.com/reactabular/backer/0/website","https://opencollective.com/reactabular/backer/1/website"],"categories":["UI Components","JavaScript","Demos","\u003csummary\u003eUI Components\u003c/summary\u003e"],"sub_categories":["Table / Data Grid","Openshift"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freactabular%2Freactabular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freactabular%2Freactabular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freactabular%2Freactabular/lists"}