JSFiddle - React, Tailwind, and code Playground

by krustev

HTML

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

JavaScript

var peoples = {
    "people": [{
        "name": "John Smith",
        "phone": "(519) 420-2391",
        "address": {
            "street": "123 Main St",
            "city": "Someplace"
        }
    }]
};
    
$("#grid").kendoGrid({
    dataSource: {
        data: peoples,
        schema: {
            data: 'people'
        }
    },
    columns: [
        {
            field: "name"
        },
        {
            field: "phone"
        },
        {
            field: "address.street",
            title: "Address / Street"                                    
        },
        {
            field: "address.city",
            title: "Address / City"
        }
    ]
});