https://github.com/fancygrid/fancygrid-react
FancyGrid React Component
https://github.com/fancygrid/fancygrid-react
grid javascript react table
Last synced: 11 months ago
JSON representation
FancyGrid React Component
- Host: GitHub
- URL: https://github.com/fancygrid/fancygrid-react
- Owner: FancyGrid
- License: other
- Created: 2018-01-26T11:34:50.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2020-11-22T16:07:01.000Z (over 5 years ago)
- Last Synced: 2025-04-30T05:47:48.560Z (11 months ago)
- Topics: grid, javascript, react, table
- Homepage: https://fancygrid.com
- Size: 40 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://github.com/FancyGrid/FancyGrid-React-Seed)
* [Docs](https://fancygrid.com/docs/)
* [Support](https://fancygrid.com/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.
```js
import {Grid, Fancy, Form, Tab} from 'fancygrid-react';
...
const getFancyGrid = () => {
return (
{
let grid = Fancy.getGrid('myGrid'),
form = Fancy.getForm('myForm'),
values = form.get(),
id = values.id;
grid.setById(id, values);
grid.update({
type: 'row'
});
}
}]}>
{
let form = Fancy.getForm('myForm');
form.set(dataItem.data);
}
}]}
columns={getColumns()}
data={getData()}>
);
}
```