FancyGrid-React
A React Component for FancyGrid
Quickly create dynamic JavaScript grids that react when your data changes by utilizing the FancyGrid library and Facebook's React together.
Resources:
- Want to see the application running? See our sample repo
- Docs
- Support
Quick Start
Install
npm install fancygrid-react
Usage
The FancyGrid-React Component exposes 3 components.
Grid
Form
Tab
Components
All components are wrappers around the entire widgets of FancyGrid.
The simplest one approach is to use config with widget options.
; ...const getFancyGrid = { return <div style=marginTop: '5px'> <Form id='myForm' theme='extra-gray' title='Form' items= name: 'id' type: 'hidden' label: 'Name' emptyText: 'Name' name: 'name' label: 'SurName' emptyText: 'SurName' name: 'surname' buttons= text: 'Save' { let grid = Fancy form = Fancy values = form id = valuesid; grid; grid; } > </Form> <Grid id='myGrid' height=500 theme='extra-gray' exporter=true selModel= activeCell: true type: 'rows' defaults= resizable: true menu: true events= { let form = Fancy; form; } columns= data=> </Grid> </div> ;}