{"id":13436185,"url":"https://github.com/carlosrocha/react-data-components","last_synced_at":"2025-04-09T06:09:23.924Z","repository":{"id":20061556,"uuid":"23330214","full_name":"carlosrocha/react-data-components","owner":"carlosrocha","description":"React components for sorting, filtering and pagination of data.","archived":false,"fork":false,"pushed_at":"2023-11-27T23:45:33.000Z","size":1615,"stargazers_count":397,"open_issues_count":17,"forks_count":131,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-04-02T04:57:06.644Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://carlosrocha.github.io/react-data-components/","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/carlosrocha.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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":"2014-08-25T22:00:49.000Z","updated_at":"2025-03-05T16:30:31.000Z","dependencies_parsed_at":"2024-01-16T16:17:10.223Z","dependency_job_id":null,"html_url":"https://github.com/carlosrocha/react-data-components","commit_stats":{"total_commits":198,"total_committers":9,"mean_commits":22.0,"dds":0.09090909090909094,"last_synced_commit":"11db7599b81de59e861d839413a61236cb3cc49e"},"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlosrocha%2Freact-data-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlosrocha%2Freact-data-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlosrocha%2Freact-data-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlosrocha%2Freact-data-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/carlosrocha","download_url":"https://codeload.github.com/carlosrocha/react-data-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247987285,"owners_count":21028895,"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":[],"created_at":"2024-07-31T03:00:45.195Z","updated_at":"2025-04-09T06:09:23.908Z","avatar_url":"https://github.com/carlosrocha.png","language":"JavaScript","readme":"# react-data-components\n\n[![Build Status](https://travis-ci.org/carlosrocha/react-data-components.svg?branch=master)](https://travis-ci.org/carlosrocha/react-data-components)\n\nDataTable: [Live demo and source](https://jsfiddle.net/carlosrocha/xgde4uh0/)\n\nSelectableTable: [Live demo and source](https://jsfiddle.net/carlosrocha/p9pouh1v/)\n\n## Getting started\n\n```sh\nnpm install react-data-components --save\n```\n\nThis component requires Bootstrap stylesheet and Font Awesome fonts, in addition\nto the [stylesheet for headers](css/table-twbs.css). If you are using Webpack\nand the `css-loader` you can also require the css\nwith `require('react-data-components/css/table-twbs.css')`.\n\n### Using the default implementation\n\nThe default implementation includes a filter for case insensitive global search,\npagination and page size.\n\n```javascript\nvar React = require('react');\nvar ReactDOM = require('react-dom');\nvar DataTable = require('react-data-components').DataTable;\n\nvar columns = [\n  { title: 'Name', prop: 'name'  },\n  { title: 'City', prop: 'city' },\n  { title: 'Address', prop: 'address' },\n  { title: 'Phone', prop: 'phone' }\n];\n\nvar data = [\n  { name: 'name value', city: 'city value', address: 'address value', phone: 'phone value' }\n  // It also supports arrays\n  // [ 'name value', 'city value', 'address value', 'phone value' ]\n];\n\nReactDOM.render((\n    \u003cDataTable\n      keys=\"name\"\n      columns={columns}\n      initialData={data}\n      initialPageLength={5}\n      initialSortBy={{ prop: 'city', order: 'descending' }}\n    /\u003e\n  ), document.getElementById('root'));\n```\n\nSee [complete example](example/table/main.js).\n\n","funding_links":[],"categories":["Uncategorized","Awesome React","UI Components","Demos","\u003csummary\u003eUI Components\u003c/summary\u003e","JavaScript"],"sub_categories":["Uncategorized","Tools","Table / Data Grid","Openshift"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarlosrocha%2Freact-data-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcarlosrocha%2Freact-data-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarlosrocha%2Freact-data-components/lists"}