# efficient-react-table

> Simple and efficient react data table

Latest version **1.1.0** (published 2019-06-03) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install efficient-react-table
pnpm add efficient-react-table
yarn add efficient-react-table
bun add efficient-react-table
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.1.0 |
| Published | 2019-06-03 |
| First published | 2019-06-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 2.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | pv2019 |
| Keywords | table, react, react-component, react-table, data-table |

## Links

- npm: https://www.npmjs.com/package/efficient-react-table
- npm.io page: https://npm.io/package/efficient-react-table

## Dependencies (1)

- [font-awesome](https://npm.io/package/font-awesome.md) ^4.7.0

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 1.1.0 (latest) — 2019-06-03
- 1.0.4 — 2019-06-02
- 1.0.3 — 2019-06-01
- 1.0.2 — 2019-06-01
- 1.0.1 — 2019-06-01
- 1.0.0 — 2019-06-01

## README

# efficient-react-table

[![npm package][npm-badge]][npm]

A simple data table inspired by react-table.
The package "react-table" does not do efficient rendering of rows and cells.
This package "efficient-react-table" offers the following features:

1. Simpler and Faster
2. Rows and Cells with same data do not re-render
3. Rows can be grouped into continuous pages
4. Rows can by stlyed according to their data
5. A configurable subset of rows are loaded initially. Useful when table data is very large
6. Infinite scrolling
7. Supports multi-sorting


Example:
```javasrcipt
let columns = [
  {
    Header: "Id",
    accessor: "id",
    sortable:true
  },
  {
    Header: "Name",
    accessor: "name",
    Cell: cellInfo => <input value={cellInfo.value} />
  },
  {
    Header: "Country",
    accessor: "country"
  },
  {
    Header: "Unit",
    accessor: "unit",
    show: false
  }
];

let data = [
   { id:101, name:"Alice",country:"USA",unit:"FMCG" },
   { id:102, name:"Bob",country:"UK",unit:"Retail" },
   { id:103, name:"Charles",country:"India",unit:"Auto" },
   { id:104, name:"Dave",country:"UK",unit:"Retail" },
   { id:105, name:"Emily",country:"USA",unit:"BFSI" }
]
```
```jsx
 <EfficientReactTable
    columnDefinitions={this.state.columns}
    pageSize={4}
    thresholdPageCount={3}
    data={this.state.data}          
    rowStyler={row => {
      if (row["id"] === 102) return { backgroundColor: "red" };
    }}
/>
```

Extremely basic version, new features to follow

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo

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