JSFiddle - React, Tailwind, and code Playground

by rusev

HTML

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

JavaScript

var data = [
    {
        ProductID: 1,
        ProductName: "ProductName 1"
    },
    {
        ProductID: 2,
        ProductName: "ProductName 2"
    }
];


$("#grid").kendoGrid({
    dataSource: {
        data: data        
    },
    columns: [           
        { 
            field: "ProductName",
            template: function(data) { return convert(data.ProductName) }
        }
    ]
});
    

function convert(value) {
    return "converted " + value ;
}