Kendo UI Q1 2015

Scroll to bottom of Kendo grid demo

HTML

<script src="https://da7xgjtj801h2.cloudfront.net/2015.1.318/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://da7xgjtj801h2.cloudfront.net/2015.1.318/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://da7xgjtj801h2.cloudfront.net/2015.1.318/styles/kendo.fiori.min.css">
<div id="grid"></div>

CSS

body {
    font-family: arial, sans-serif;
}

JavaScript

var persons = [
    { FirstName: 'Andy', MiddleName: 'Albert', LastName: 'Arbuckle' },
    { FirstName: 'Bob', MiddleName: 'Bertrand', LastName: 'Barrington' },
    { FirstName: 'Carl', MiddleName: 'Cuthbert', LastName: 'Carruthers' }
];
 
var grid = $('#grid').kendoGrid({
    dataSource: { data: persons },
        columns: [
            { field: 'FirstName', title: 'First Name' },
            { field: 'MiddleName', title: 'Middle Name' },
            { field: 'LastName', title: 'Last Name' },
        ],
        height: 75
}).data('kendoGrid');

grid.content[0].scrollTop = grid.content[0].scrollHeight;