Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-tabulator with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. var reactTabulator = require("react-tabulator")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-tabulator v0.12.7

React Tabulator is based on tabulator - a JS table library with many advanced features.

react-tabulator

Build Status

React Tabulator is based on tabulator - a JS table library with many advanced features.

🌟 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 16.5.x
    • For React 15.x - import React15Tabulator
  • Typescript 3.x
  • Tslint
  • Jest-puppeteer for testing
  • React Cell Editors: DateEditor, MultiSelectEditor, etc.
  • React Cell Formatters: MultiValueFormatter, etc.
  • React Filters (TBD)

📦 Usage

$ npm install react-tabulator

import 'react-tabulator/lib/styles.css'; // required styles
import 'react-tabulator/lib/css/tabulator.min.css'; // theme
import { ReactTabulator } from 'react-tabulator'; // for React 15.x, use import { React15Tabulator }

    <ReactTabulator columns={columns} data={data} options={} />

"options" will be passed directly to Tabulator's options.

🔧 Commands

Require: NodeJS v8.12.0 + and yarn (optional)

$ 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 - see docs/development.md

📖 Documentation

🙌 Thanks

All contributions are welcome!

While you're here, also check out

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free