JSFiddle - React, Tailwind, and code Playground

by amomsen

HTML

<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.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.2.716/styles/kendo.common.min.css">
<div id="grid"></div>

JavaScript

$("#grid").kendoGrid({
    dataSource: {
        transport: {
            read: {
                url: "http://demos.kendoui.com/service/Products",
                dataType: "jsonp"
            }
        }
    },
     columns: [
         { field: "ProductID", title: "Product ID" },
         { field: "ProductName", title: "Product Name" },
         { field: "UnitsInStock", 
          title: "Units In Stock", 
          template: "<input type=\"number\" value=#= UnitsInStock # min=\"0\" max=\"100\" step=\"1\" ></input>"
    }]
});