KendoUI schema exapmle

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.all.min.js"></script>
	<div id="grid" style="width: 700px; margin: 0 auto;"></div>

JavaScript

var data = [{
                "CompanyId" : 20,
                "CompanyName" : "Walmart",
                "data": "test1",
                "CompanyContacts" : {
                    "CompanyId" : 20,
                    "FirstName" : "Bob",
                    "LastName" : "Green",
                    "Email" : "[email protected]",
                    "Phone" : "1234567",
                    "IsActive" : false
                }
            },{
                "CompanyId" : 10,
                "CompanyName" : "Publix",
                "data": "test2",
                "CompanyContacts" : {
                    "CompanyId" : 10,
                    "FirstName" : "Joe",
                    "LastName" : "Blue",
                    "Email" : "[email protected]",
                    "Phone" : "1234567",
                    "IsActive" : true
                }
            }]

            $(document).ready(function() {
                $("#grid").kendoGrid({
                    templateSettings: { paramName: "f" },
                    dataSource : {
                        data : data,
                        pageSize : 10
                    },
                    height : 250,
                    columns : [
                    {
                        field : "CompanyName",
                        title: "Company Name"
                    },{
                        field : "CompanyId",
                         title: "Company ID"
                    }, {
                        field : "CompanyContacts.FirstName",
                         title: "First Name"
                    },{
                        field : "CompanyContacts.LastName",
                         title: "Last Name"
                    },{
                        field : "CompanyContacts.Email",
                         title: "Email"
                    },{
                        field : "CompanyContacts.Phone",
                         title: "Phone"
                    },{
                        field :...