Empty

by valchev

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<script src="http://demos.kendoui.com/content/shared/js/people.js"></script>
<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.black.min.css">
<div id="grid" ></div>

CSS

.k-grid {
 margin-top: 30px;   
}

JavaScript

$(document).ready(function($) {
    var grid = $("#grid");
    grid.kendoGrid({
        dataSource: {
            data: createRandomData(10),
            schema: {
                model: {
                    id: 'Id',
                    fields: {
                        select: {
                            type: "string",
                            editable: false
                        },
                        Id: {
                            type: "number"
                        },
                        FirstName: {
                            editable: true
                        },
                        LastName: {
                            type: "string"
                        },
                        City: {
                            type: "string"
                        },
                        Title: {
                            type: "string"
                        },
                        BirthDate: {
                            type: "date"
                        },
                        Age: {
                            type: "number"
                        },
                    }
                }
            }
        },
        scrollable: false,
        selectable: "multiple",
        pageable: false,
        columns: [{
            field: "select",
            title: "&nbsp;",
            template: '<input type=\'checkbox\' />',
            sortable: false,
            width: 32},
        {
            template: '#=FirstName#',
            title: 'First Name',
            field: "FirstName",
            width: 120},
        {
            field: 'LastName',
            title: 'Last Name',
            width: 120},
        {
            field: 'Title'},
        {
            field: 'BirthDate',
            title: 'Date Of Birth',
            width: 120,
            format: "{0:MM/dd/yyyy}",
            template: '#= kendo.toString(BirthDate, "MM/dd/yyyy")#'},
        {
            field: 'Age',
            width:...