Popularity
4.2
Declining
Activity
3.6
-
357
11
81
Description
React Tabulator is based on tabulator - an advanced table library with many useful features.
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. -
react-data-grid
Feature-rich and customizable data grid React component -
fixed-data-table
A React table component designed to allow presenting thousands of rows of data. -
react-bootstrap-table
A Bootstrap table built with React.js -
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. -
autoresponsive-react
βοΈ Auto Responsive Layout Library For React -
react-pivot
React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration. -
reactabular
A framework for building the React table you need (MIT) -
ka-table
Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more -
react-data-components
React components for sorting, filtering and pagination of data. -
gigatables-react
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems. -
ag-grid
Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Promo
surveyjs.io
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