{"id":23843392,"url":"https://github.com/ngduc/react-tabulator","last_synced_at":"2025-04-08T10:15:33.929Z","repository":{"id":41390244,"uuid":"152331649","full_name":"ngduc/react-tabulator","owner":"ngduc","description":"React Tabulator is based on tabulator - a JS table library with many advanced features.","archived":false,"fork":false,"pushed_at":"2024-08-11T04:36:16.000Z","size":7842,"stargazers_count":371,"open_issues_count":92,"forks_count":84,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-04-01T08:31:38.508Z","etag":null,"topics":["component","grid","react","table","tableview","tabulator"],"latest_commit_sha":null,"homepage":"https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js","language":"CSS","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/ngduc.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-10-09T22:49:19.000Z","updated_at":"2025-03-05T20:23:50.000Z","dependencies_parsed_at":"2024-06-18T13:43:43.310Z","dependency_job_id":"209a94db-64eb-44e1-93d6-c0849bc8f9b9","html_url":"https://github.com/ngduc/react-tabulator","commit_stats":{"total_commits":181,"total_committers":17,"mean_commits":"10.647058823529411","dds":0.4861878453038674,"last_synced_commit":"994c63907d27263de57834adada8bad44464f45f"},"previous_names":[],"tags_count":39,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngduc%2Freact-tabulator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngduc%2Freact-tabulator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngduc%2Freact-tabulator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngduc%2Freact-tabulator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ngduc","download_url":"https://codeload.github.com/ngduc/react-tabulator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247819934,"owners_count":21001394,"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":["component","grid","react","table","tableview","tabulator"],"created_at":"2025-01-02T19:28:27.405Z","updated_at":"2025-04-08T10:15:33.900Z","avatar_url":"https://github.com/ngduc.png","language":"CSS","readme":"# react-tabulator\n\nReact Tabulator is based on Tabulator - a JS table library with many advanced features. [Link.](https://github.com/olifolkerd/tabulator)\n\n- **NOTE: from v0.16.x (WIP) or later, this uses the latest tabulator-tables v5.x, many cases are not tested yet.**\n- Live Demo: [Codesandbox](https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js)\n- Example code: [/src/ReactTabulatorExample.tsx](/src/ReactTabulatorExample.tsx)\n- More Examples, Use cases, FAQ: [More Live Examples / Use cases](/docs/examples.md)\n\n[\u003cimg src=\"docs/react-tabulator-demo.gif\" /\u003e](https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js)\n\n### 🌟 Features\n\nTabulator's features:\n```\n  Filters      Sorting      Formatting    Grouping      Ajax      Editing    Virtualization\n  Pagination   Themes       A11y          I18n          Layouts   Frozen Cols/Rows\n  Key Binding  Responsive   Persisting    History       Calc      Validation\n  Clipboard    Tree Layout  Nested Tables\n```\n\n#### Plus more features:\n- React.\n- Simple syntax; Import css, themes.\n- Typescript, Tslint.\n- Jest-puppeteer for testing.\n- React Cell Editors: DateEditor, MultiSelectEditor, etc.\n- React Cell Formatters: MultiValueFormatter, etc.\n- React Filters (TBD).\n- For the legacy React 15.x, use: import React15Tabulator.\n\n### 📦 Usage\n\n```\n$ npm install react-tabulator --save\n\nimport 'react-tabulator/lib/styles.css'; // required styles\nimport 'react-tabulator/lib/css/tabulator.min.css'; // theme\nimport { ReactTabulator } from 'react-tabulator';\n\n    \u003cReactTabulator columns={columns} data={data} options={} events={{ rowClick: rowClickHandler }} /\u003e\n\n* \"options\" will be passed directly to Tabulator's options.\n* \"events\" is an object like { eventName: handlerFunction }\n* use \"ref.table\" to access to all tabulator functions.\n```\n- More Examples, Use cases, FAQ: [More Live Examples / Use cases](/docs/examples.md)\n\n### 🔧 Development - Commands\n\nRequire: `NodeJS`\n\n```\n$ npm install --legacy-peer-deps        install dependencies for development.\n$ export NODE_OPTIONS=--openssl-legacy-provider     to work with Node 18+\n$ export PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true     to work with ARM if you haven't chromium installed\n$ npm run dev      Launch DEV mode (with hot reload).\n$ npm run build    Make a build.\n\n$ npm run test     Run tests using jest-puppeteer (with headless Chrome).\n```\n\n- Development Doc - see [docs/development.md](docs/development.md)\n\n### 📖 Documentation\n\n- [Change Log](/CHANGELOG.md)\n- [Todo / Roadmap](/TODO.md)\n\n### 🙌 Thanks\n\nAll contributions are welcome!\n\n- Main library [olifolkerd/tabulator](https://github.com/olifolkerd/tabulator) (Thanks olifolkerd for this great library!)\n\nWhile you're here, also check out\n- [Node-rem](https://github.com/ngduc/node-rem) - Node REM - NodeJS Rest Express MongoDB and more: typescript, passport, JWT, socket.io, HTTPS, HTTP2, async/await, nodemailer, templates, pagination, docker, etc.\n- [VSCode - TODO.md Kanban Board](https://marketplace.visualstudio.com/items?itemName=coddx.coddx-alpha) or [TODO.md spec](https://github.com/todomd/todo.md)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fngduc%2Freact-tabulator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fngduc%2Freact-tabulator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fngduc%2Freact-tabulator/lists"}