JSFiddle - React, Tailwind, and code Playground

by JayData

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<script src="http://include.jaydata.org/datajs-1.0.3-patched.js"></script>
<script src="http://include.jaydata.org/jaydata.js"></script>
<script src="http://include.jaydata.org/jaydatamodules/kendo.js"></script>
<div id="grid"></div>

JavaScript

$data.initService('http://54.225.121.93:8080', { DefaultNamespace: '' })
.then(function(salesdb) {
  $('#grid').kendoGrid({
    dataSource: salesdb.Products.asKendoDataSource({
        pageSize: 10
    }),
    filterable: true,
    pageable: true,
    sortable: {
      mode: "single",
      allowUnsort: false
    },
    columns: ['Name', 'Description', 'SupplierName', 'Price', 'CurrencyCode', { field: 'ProductPicUrl', template: '<img src="https://sapes1.sapdevcenter.com#=ProductPicUrl#" />' } ]
  });
});