# @dailykit/react-tabulator

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

Latest version **0.13.6** (published 2020-09-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install @dailykit/react-tabulator
pnpm add @dailykit/react-tabulator
yarn add @dailykit/react-tabulator
bun add @dailykit/react-tabulator
```

## Health

**Score 40/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.13.6 |
| Published | 2020-09-10 |
| First published | 2020-08-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 1.7 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 377 |
| Author | Duc Nguyen |
| Maintainers | prvnbist, rishisinghal92, sanjeev-dailykit |
| Keywords | react, tabulator, table, component |

## Links

- npm: https://www.npmjs.com/package/@dailykit/react-tabulator
- Repository: https://ngduc@github.com/ngduc/react-tabulator
- Homepage: https://github.com/ngduc/react-tabulator#readme
- Issues: https://github.com/ngduc/react-tabulator/issues
- npm.io page: https://npm.io/package/@dailykit/react-tabulator

## Dependencies (6)

- [dotenv](https://npm.io/package/dotenv.md) ^8.2.0
- [es6-promise](https://npm.io/package/es6-promise.md) ^4.2.8
- [tabulator-tables](https://npm.io/package/tabulator-tables.md) 4.7.2
- [pick-react-known-prop](https://npm.io/package/pick-react-known-prop.md) ^0.1.5
- [react-tag-autocomplete](https://npm.io/package/react-tag-autocomplete.md) ^5.7.1
- [@types/react-tag-autocomplete](https://npm.io/package/@types/react-tag-autocomplete.md) ^5.6.0

## Recent versions

- 0.13.6 (latest) — 2020-09-10
- 0.13.5 — 2020-09-08
- 0.13.4 — 2020-08-11
- 0.13.3 — 2020-08-11
- 0.13.2 — 2020-08-11

## README

# react-tabulator

React Tabulator is based on [tabulator](https://github.com/olifolkerd/tabulator) - a JS table library with many advanced features.

- Live Demo: [Codesandbox](https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js)

[<img src="docs/react-tabulator-demo.gif" />](https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js)

### 🌟 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.
```

- Code Example: [/src/ReactTabulatorExample.tsx](/src/ReactTabulatorExample.tsx)
- Code Example (React 15.x): [Codesandbox](https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js)
- [More Codesandbox Examples](/docs/examples.md)

### 🔧 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](docs/development.md)

### 📖 Documentation

- [Change Log](/CHANGELOG.md)
- [Todo / Roadmap](/TODO.md)

### 🙌 Thanks

All contributions are welcome!

- Main library [olifolkerd/tabulator](https://github.com/olifolkerd/tabulator) (Thanks olifolkerd for this great library!)

While you're here, also check out
- [ui-form-field](https://github.com/ngduc/ui-form-field) - an easy way to build Forms with React.
- [VSCode - TODO.md Kanban Board](https://marketplace.visualstudio.com/items?itemName=coddx.coddx-alpha)

---
_Source: https://npm.io/package/@dailykit/react-tabulator · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._