Data Binding for React Datagrids
Wijmo's React datagrid, FlexGrid, supports client-side and server-side data binding. You can bind it to simple JavaScript arrays, observable CollectionViews, remote OData servers, or real-time WebSocket servers.
Arrays and CollectionViews
Bind Wijmo's React datagrid, FlexGrid, to a JavaScript array. It automatically creates an internal CollectionView to use as a data source to provide sorting and editing features.
Remote Data Binding
Bind Wijmo's FlexGrid to remote data sources by consuming an API that returns arrays of data in JSON format. You can also write your own custom CollectionView to communicate with the server, similar to our ODataCollectionView.
OData Data Binding
Bind FlexGrid to an ODataCollectionView. This React class extends CollectionView to provide support for OData sources. Simply point to your OData service's URL and FlexGrid will sort filter, page, and more on the server.
Unbound Mode
FlexGrid supports an unbound mode where you add rows and columns in code. With no external data source, the React datagrid stores the data internally–allowing you to add cells to the grid arbitrarily.