Kendo UI Grid

Local data, mobile scrolling.

by Lijo

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.blueopal.min.css">
<script src="http://demos.kendoui.com/sushi/kendo.mobile.min.js"></script>
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<div id="grid"></div>

JavaScript

$(document).ready(function() {
    
    
                    var products = [
                            { FirstName: "Nylon", LastName: 1977 },
                            { FirstName: "Yards", LastName: 1983 }
                          ];
    
                        var localDataSource = new kendo.data.DataSource({ data: products });
    
    var grid = $("#grid").kendoGrid({
        dataSource: localDataSource,
        
        columns: [
            {field: "FirstName", title: "First Name"},
            {field: "LastName",title: "Last Name"}
                 ]    
    }).data("kendoGrid");
    
});