JSFiddle - React, Tailwind, and code Playground

by rydama

HTML

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

JavaScript

// sum percentages

$(document).ready(function () {

    $("#grid").kendoGrid({
        selectable: true,

        columns: [{
            field: "dept"
        }, {
            field: "a"

        }, {
            field: "b"
        }, {
            field: "c"

        }],
        templateSettings: {
            useWithBlock: false
        },
        dataSource: {

            data: [{
                dept: "10",
                a: 10,
                b: 20,
                c: .5
            }, {
                dept: "10",
                a: 5,
                b: 20,
                c: .25
            }, {
                dept: "20",
                a: 5,
                b: 10,
                c: .5
            }, {
                dept: "20",
                a: 5,
                b: 20,
                c: .25
            }, {
                dept: "30",
                a: 50,
                b: 100,
                c: .5
            }, {
                dept: "30",
                a: 5,
                b: 20,
                c: .25
            }]
        }
    });
});