Skip to main content Skip to footer
Angular Icon

Data Binding for Angular Datagrids

Wijmo's Angular datagrid, FlexGrid, supports client-side and server-side data binding. You can bind it to simple Angular arrays, observable CollectionViews, remote OData servers, or real-time WebSocket servers.

 

Arrays and CollectionViews

Bind Wijmo's Angular datagrid, FlexGrid, to a Angular array. It automatically creates an internal CollectionView to use as a data source to provide sorting and editing features.

Array Data Binding Demo

Array Data Binding Documentation

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.

Remote Data Binding Documentation

OData Data Binding

Bind FlexGrid to an ODataCollectionView. This Angular 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.

OData Data Binding Demo

OData Data Binding Documentation

Unbound Mode

FlexGrid supports an unbound mode where you add rows and columns in code. With no external data source, the Angular datagrid stores the data internally–allowing you to add cells to the grid arbitrarily.

Unbound Mode Demo