jQuery Grid Binding to Local Data

Loading Demo...

Also available for:



The Kendo UI for jQuery Grid supports local data binding and you can display local-storage data in the component.

To implement local data binding, you only need to supply an array of JavaScript objects or JSON through the dataSource data property of the Grid or utilize the Kendo UI DataSource as a mediator between the Grid and the underlying data.

To make the connection to the remote endpoint and process the data properly, the data source requires information about the web service URL, the request type, the response data type, and, if the response is more complex than a plain array of objects, the structure (schema) of the response.

In this example, the Grid is bound to an array of products. The data is paged and can be sorted, and filtered.

This Grid example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.

Support & Learning Resources

Additional Resources