JSFiddle - React, Tailwind, and code Playground

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>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.dataviz.min.css">
<div id="grid-distributors"></div>

JavaScript

var mydata =  [{id:"1",age:"23",name:"hernan"}];  
 
var myschema = kendo.data.Model.define({
        id : "id",
        name: "name",
        age: "age"
    });
 
var ds = new kendo.data.DataSource({
        data: mydata,
        schema : {
            model : myschema
        }
    });
 
//and in the grid I configured it:
var personId;
$("#grid-distributors").kendoGrid({
        dataSource: ds,
        selectable: true,
        height: 360,
        scrollable: true,
        sortable: true,
        pageable: true,
        change : function(e) {
            var tr = this.select();
            var item = this.dataItem(tr);
            alert("ID: " + item.age);
        },
        columns: [         
                {
                field: "name",
                title: "Nombre"                
            },
            {
                field: "age",
                title: "Edad"                  
            }
             
        ]
    });