Popularity
4.3
Stable
Activity
4.4
Growing
371
10
84
Description
React Tabulator is based on tabulator - an advanced table library with many useful features.
Monthly Downloads: 0
Programming language: CSS
License: MIT License
Latest version: v0.18.1
react-tabulator alternatives and similar libraries
Based on the "Table / Data Grid" category.
Alternatively, view react-tabulator alternatives based on common mentions on social networks and blogs.
-
AG Grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript. -
-
fixed-data-table
DISCONTINUED. A React table component designed to allow presenting thousands of rows of data. -
Glide Data Grid
π Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support. -
-
-
-
-
react-pivot
React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration. -
-
-
-
ka-table
Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more -
-
-
gigatables-react
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
Civic Auth - Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management β all implemented with just a few lines of code. Start building today.
Promo
www.civic.com
Do you think we are missing an alternative of react-tabulator or a related project?
README
react-tabulator
React Tabulator is based on Tabulator - a JS table library with many advanced features. Link.
- NOTE: from v0.16.x (WIP) or later, this uses the latest tabulator-tables v5.x, many cases are not tested yet.
- Live Demo: Codesandbox
- Example code: /src/ReactTabulatorExample.tsx
- More Examples, Use cases, FAQ: More Live Examples / Use cases
π Features
Tabulator's features:
Filters Sorting Formatting Grouping Ajax Editing Virtualization
Pagination Themes A11y I18n Layouts Frozen Cols/Rows
Key Binding Responsive Persisting History Calc Validation
Clipboard Tree Layout Nested Tables
Plus more features:
- React.
- Simple syntax; Import css, themes.
- Typescript, Tslint.
- Jest-puppeteer for testing.
- React Cell Editors: DateEditor, MultiSelectEditor, etc.
- React Cell Formatters: MultiValueFormatter, etc.
- React Filters (TBD).
- For the legacy React 15.x, use: import React15Tabulator.
π¦ Usage
$ npm install react-tabulator --save
import 'react-tabulator/lib/styles.css'; // required styles
import 'react-tabulator/lib/css/tabulator.min.css'; // theme
import { ReactTabulator } from 'react-tabulator';
<ReactTabulator columns={columns} data={data} options={} events={{ rowClick: rowClickHandler }} />
* "options" will be passed directly to Tabulator's options.
* "events" is an object like { eventName: handlerFunction }
* use "ref.table" to access to all tabulator functions.
- More Examples, Use cases, FAQ: More Live Examples / Use cases
π§ Development - Commands
Require: NodeJS
$ npm install --legacy-peer-deps install dependencies for development.
$ npm run dev Launch DEV mode (with hot reload).
$ npm run build Make a build.
$ npm run test Run tests using jest-puppeteer (with headless Chrome).
- Development Doc - see [docs/development.md](docs/development.md)
π Documentation
π Thanks
All contributions are welcome!
- Main library olifolkerd/tabulator (Thanks olifolkerd for this great library!)
While you're here, also check out
- Node-rem - Node REM - NodeJS Rest Express MongoDB and more: typescript, passport, JWT, socket.io, HTTPS, HTTP2, async/await, nodemailer, templates, pagination, docker, etc.
- VSCode - TODO.md Kanban Board or TODO.md spec