JSFiddle - React, Tailwind, and code Playground
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>
<div id="win"></div>
JavaScript
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
},
schema: {
model: {
id: "OrderID"
}
}
},
columns: ["OrderID",
{ title: "Edit1", template:"<a href='javascript:(function(){window.open(\"www.oracle.com\");})();'>Edit1</a>" },
{ title: "Edit2", template:"<a href='javascript:(function(){$(\"#win\").kendoWindow();})();'>Edit2</a>" }
]
});