# orbim

> A React powered pivot table.

Latest version **0.0.3** (published 2017-03-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install orbim
pnpm add orbim
yarn add orbim
bun add orbim
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2017-03-10 |
| First published | 2017-03-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=6 |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Benjamin Stepp |
| Maintainers | benstepp |
| Keywords | pivot table |

## Links

- npm: https://www.npmjs.com/package/orbim
- Repository: https://github.com/benstepp/orbim
- Homepage: https://github.com/benstepp/orbim#readme
- Issues: https://github.com/benstepp/orbim/issues
- npm.io page: https://npm.io/package/orbim

## Dependencies (2)

- [react](https://npm.io/package/react.md) ^15.4.2
- [react-dom](https://npm.io/package/react-dom.md) ^15.4.2

## 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

- 0.0.3 (latest) — 2017-03-10
- 0.0.2 — 2017-03-10
- 0.0.1 — 2017-03-10

## README

# orbim NOT STABLE

but still works.

Pivot grid javascript library.

### Demo:

![Demo](http://i.imgur.com/xWw6n4t.gif)

# React example

When using with react, you can wrap the functionality with a component that
never updates.

```
import React, { Component } from 'react'
import { isEqual } from 'lodash'
import 'orbim/dist/orb.css'
import orb from 'orbim'

export default class PivotTable extends Component {
  static propTypes = {}
  static defaultProps = {}

  componentDidMount() {
    const PG = orb.pgridwidget
    this.pivot = new PG(this.props)
    this.pivot.render(this.node)
  }

  shouldComponentUpdate() {
    return false
  }

  componentWillReceiveProps(nextProps) {
    if (isEqual(nextProps, this.props)) return
    this.pivot.refreshData(nextProps.dataSource)
  }

  ref = c => { this.node = c }

  render() {
    return <div ref={this.ref} />
  }
}
```


## Licence
[MIT](https://github.com/benstepp/orbim/blob/master/LICENSE)

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