JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.silver.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<div id="grid" data-role="grid" data-bind="source: dataSource" data-columns='[
    {    
       field: "Bool",
       template: $.proxy(commonTemplate, { bool: "Bool" })
    },
    {
       field: "Bool2",
       template: $.proxy(commonTemplate, { bool: "Bool2" })
    }
]'></div>
    
<script id="bool-template" type="text/x-kendo-template">
  # if (data[this.bool]) {#
    <i class='fa fa-check'></i>
  # } else { #
    <i class='fa fa-times'></i > 
  # } #
</script>

JavaScript

var commonTemplate = kendo.template($("#bool-template").html()); //pre-compile the template

var viewModel = kendo.observable({
  dataSource: new kendo.data.DataSource({
    data: [{
        Bool: true,
        Bool2: false
    }, {
        Bool: false,
        Bool2: true
    }]
  })
});


kendo.bind($(document.body), viewModel);