reactgrid

Create tables with React. Completely inspired by backgrid.js

Dependencies

- React
- Underscore

WIP

DO NOT USE IN PRODUCTION UNTIL v1.0.0

Example Usage

Server side:

``js
/* @jsx React.DOM /

var React = require('react');
var Reactgrid = require('reactgrid');

var columns = [
{
label: 'ID',
name: 'id',
cell: 'integer'
},
{
label: 'Name',
name: 'name',
cell: 'string'
},
{
label: 'Created',
name: 'created',
cell: 'datetime'
},
{
label: 'Actions',
cell: React.createClass(Reactgrid.Cell.Cell.extend({
getInitialState: function(){
return {
seconds: 0
}
},
componentDidMount : function(){
setInterval(function(){
this.setState({
seconds: this.state.seconds + 1
});
}.bind(this), 1000);
},
render : function(){
return ({this.state.seconds} Seconds. Model ID: {this.props.model.id});
},
}))
}
];

var actors = {[
{id: 1, name: "James", created: "2014-12-29 09:30:30"},
{id: 2, name: "Jill", created: "2014-12-29 09:30:30"},
{id: 3, name: "Joe", created: "2014-12-29 09:30:30"}
]};


`

For a client side example, please see the demo

For Developers

Have node installed

`
npm install

# Default build: Minifies CSS, Translates JSX -> JS, Browserify
gulp

# Use for development of Reactgrid, same as default but with Watchify
gulp dev

``

Todos

- [X] Cell types
- [ ] Plugins / Extensions (moment-cell, paginator)
- [ ] Make cells editable
- [ ] Events using fluxxor
- [ ] Tests in Jest
- [ ] Complete feature parity with backgrid