npm install reactgridCreate tables with React. Completely inspired by backgrid.js
DO NOT USE IN PRODUCTION UNTIL v1.0.0
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 (
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
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
``
- [X] Cell types
- [ ] Plugins / Extensions (moment-cell, paginator)
- [ ] Make cells editable
- [ ] Events using fluxxor
- [ ] Tests in Jest
- [ ] Complete feature parity with backgrid