Kendo

HTML

<script src="http://getfirebug.com/firebug-lite-debug.js"></script>
<script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.kendo.min.css">
<div id="grid"></div>

JavaScript

$("#grid").kendoGrid({
    dataSource: {
        type: "odata",   
        pageSize: 10,
        serverPaging: true,
        transport: {
            read: "http://services.odata.org/Northwind/Northwind.svc/Products"
        }
    },
    selectable: "cell",
    pageable: true,
    columns: ["ProductID", "ProductName", "UnitPrice"],
    change: function() {
        var cell = this.select(),
            cellIndex = cell.index(),
            column = this.columns[cellIndex],
            dataSource = this.dataSource,
            dataItem = dataSource.view()[cell.closest("tr").index()];
                
        console.log(dataItem[column.field]);
    }
})