JSFiddle - React, Tailwind, and code Playground

by siliconsoul

HTML

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

JavaScript

var data = [{ID: 1, Bit: 1},{ID: 2, Bit: 0},{ID: 3, Bit: 1},{ID: 3, Bit: 0}]

$("#grid").kendoGrid({
    dataSource: data,
    columns:[
        "ID",
    {field: "Bit", template: "<input type='checkbox' disabled='disabled' #= Bit? \"checked='checked'\" : '' #/>"}    
    ]
    
    })