0.5.8 • Published 8 years ago
redux-grid v0.5.8
redux-grid
Lightweight grid framework built on top of react-virtualized / fixed-data-table for easy highly customizable grids generated from redux state.
Install
npm i -S redux-grid
Usage
UserGrid.js
import React from 'react'
import { connect } from 'react-redux'
import ReactVirtualized from 'react-virtualized'
import { createGrid } from 'redux-grid'
const { Grid } = createGrid({ React, connect, ReactVirtualized })
/** Create a grid to show users first name, last name, and age from redux */
export default props => (
<Grid
mapCols={
/** Map redux state to object with column name keys and header component values */
state => ({ first: <div>First Name</div>
, last: <div>Last Name</div>
, age: { render: <div>Age</div>, width: 100 }
})
}
mapRows={
/** Map redux state to grid rows. */
state => state.users.map(x => [x.first, x.last, x.age])
}
/>
)
Test
See redux-grid's test project at redux-grid-test
In active development, come back in a few days.
0.5.8
8 years ago
0.5.7
8 years ago
0.5.6
8 years ago
0.5.5
8 years ago
0.5.4
8 years ago
0.5.3
8 years ago
0.5.2
8 years ago
0.5.1
8 years ago
0.5.0
8 years ago
0.4.6
8 years ago
0.4.5
8 years ago
0.4.1
8 years ago
0.4.0
8 years ago
0.3.0
8 years ago
0.2.5
8 years ago
0.2.4
8 years ago
0.2.3
8 years ago
0.2.2
8 years ago
0.2.1
8 years ago
0.2.0
8 years ago
0.1.18
8 years ago
0.1.17
8 years ago
0.1.16
8 years ago
0.1.15
8 years ago
0.1.14
8 years ago
0.1.13
8 years ago
0.1.12
8 years ago
0.1.11
8 years ago
0.1.10
8 years ago
0.1.9
8 years ago
0.1.8
8 years ago
0.1.7
8 years ago
0.1.6
8 years ago
0.1.5
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago