JSFiddle - React, Tailwind, and code Playground

by anand potta

HTML

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

JavaScript

$("#grid").kendoGrid({
				dataSource: {
					transport: {
						read    : "http://198.154.124.123:9051/conflux/workflows/1/workflowitems/1/workflowiteminputfields/",
						pageSize: 10,
						dataType: "jsonp"
					},
					schema    : {
						data : "data"
					}
				},
				columns   : [
					{ field: 'name', title:'Name', width: '200px' },
					{ field: 'dataTypeId.name', title:'Type', width: '100px' },
				],
				height    : 300,
				scrollable: true,
				sortable  : true,
				selectable:true
			});