JSFiddle - React, Tailwind, and code Playground

by dude_jsfiddle

HTML

<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.web.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.common.min.css">
<div id="chart">
</div>

JavaScript

var tabledata1 = [
    {
        IsSelected:false,
        Domain:"SMARTPHONES-EAST",
    },
    {
        IsSelected:true,
        Domain:2,
    },
    {
        IsSelected:true,
        Domain:3,
    },
    {
        IsSelected:true,
        Domain:4,
    },
    {
        IsSelected:true,
        Domain:5,
    }
];
var gridDataModel = kendo.data.Model.define({
    fields: {
        "Product": {
            type: "boolean"
        },
        "Domain": {
            type: "string"
        }
    }
});

var dataSource = new kendo.data.DataSource({data: tabledata1});

    var gridModel = kendo.observable({
        gridData: dataSource
    });
kendo.bind($("#chart"),gridModel);

$("#chart").kendoGrid({
        scrollable:false,
    dataSource:gridModel.get('gridData'),
        height:600,
        autoBind:true,
        columns:[
            {
                template: '<input type="checkbox" data-bind="checked: IsSelected" "></input>',
                title: "IsSelected"
            },
            {
                field: "Domain",
                title: "Sales Domain"
            }]
    });