All Components


    Grid / Working Offline


    This example demonstrates the offline support of the Kendo DataSource.

    1. 1. Use the switch to go in offline mode.
    2. 2. Create, update or destroy grid items.
    3. 3. Use the switch to go in online mode. The data source will sync all changes made while offline.




    In various scenarios users would like to keep interacting with their web app, modify data and store changes even when there's no internet connection available. Further, they would want to sync their changes with the server once the connection is restored and they are back online.

    With the power of the Kendo UI DataSource, this offline data storage and sync capability comes as built-in functionality for people making use of its features. This demo illustrates how you can edit, create or delete records in the grid while being offline, persist these changes while disconnected and the sync them when you are online again. This is done by the DataSource component which is the mediator between the grid and the underlying data.

     Important configuration setting for the DataSource when working with offline data is its offlineStorage option (by default localStorage is used) and utilizing its online and offlineData methods. Custom offline storage is also supported.

    More information on the offline data support of the data source is available in this help article.

    HTML5/JavaScript source

    API Reference
    • offline.html
    • Sample service
    • Widget configuration

    Support & learning resources