JSFiddle - React, Tailwind, and code Playground

by Ignacio Fuentes

HTML

<script src="http://cdn.kendostatic.com/2013.3.1324/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.silver.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.common.min.css">
<div id="grid"></div>

JavaScript

var source = new kendo.data.DataSource({
    data: [{
        name: "Jane Doe",
        age: 30
    }, {
        name: "John Doe",
        age: 33
    }],
    aggregate: [{
        field: "name",
        aggregate: "count"
    }]
});

$("#grid").kendoGrid({
    pageable: false,
    columns: [{
        field: "name",
        footerTemplate: "Total: #: count #"
    }, {
        field: "age"
    }],
    dataSource: source
});