JSFiddle - React, Tailwind, and code Playground

by korchev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div id="grid"></div>
<button>change data</button>

JavaScript

var rtrn_data = {
    "SUMMARY":{ "Mean":[12.77057382013079] }
};
var dataSource = new kendo.data.DataSource({
        data   : [{
            mean: rtrn_data.SUMMARY["Mean"][0]
        } ],
    schema: {
        model: {
            fields: {
                mean: { type: "number" }
            }
        }
    }
});

$("#grid").kendoGrid({
    dataSource: dataSource
});

$("button").click(function() {
    rtrn_data = {
       "SUMMARY":{ "Mean":[53.94829639783739] }
    };
    
    dataSource.data( [ {
            mean: rtrn_data.SUMMARY["Mean"][0]
        } ] );
});