KendoUI Resources

by mrrodd

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.2.804/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.2.804/styles/kendo.kendo.min.css">
<script src="http://cdn.kendostatic.com/2011.2.804/js/kendo.all.min.js"></script>
<table id="grid">
    <thead>
        <tr>
            <th>
                
            </th>
            <th>
                Details
            </th>
            <th>
                Comments
            </th>
    </thead>
    <tbody>
    <td colspan="3"></td>
    </tbody>
</table>

JavaScript

$(function() {
    $("#grid").kendoGrid({
        dataSource: {
            transport: {
                read: {
                   url: "https://api.instagram.com/v1/media/popular?client_id=4e0171f9fcfc4015bb6300ed91fbf719&count=25",
                    dataType: "jsonp"
                }
            },
            schema: {
                  data: "data"
            }
        },
        height: 500,
        scrollable: true,
        selectable: true
    });
});