orbim

orbim NOT STABLE

but still works.

Pivot grid javascript library.

Demo:

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