JSFiddle - React, Tailwind, and code Playground

by sachindra_nath

HTML

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

JavaScript

var products = [ {
                    "ProductID": 1,
                        "ProductName": "Chai",
                        "Category": {
                            "CategoryID": 1,
                            "CategoryName": "Beverages"
                        },
                        "UnitPrice": "18.00"
                }, {
                    "ProductID": 2,
                        "ProductName": "Chang",
                        "Category": {
                            "CategoryID": 1,
                            "CategoryName": "Beverages"
                        },
                        "UnitPrice": "19.00"
                }, {
                    "ProductID": 3,
                        "ProductName": "Aniseed Syrup",
                        "CategoryID": 2,
                        "Category": {
                            "CategoryID": 1,
                            "CategoryName": "Beverages"
                        },
                        "UnitPrice": "10.00"
                }, {
                    "ProductID": 4,
                        "ProductName": "Chef Anton's Cajun Seasoning",
                        "Category": {
                            "CategoryID": 2,
                            "CategoryName": "Condiments"
                        },
                        "UnitPrice": "22.00"
                }, {
                    "ProductID": 5,
                        "ProductName": "Chef Anton's Gumbo Mix",
                        "Category": {
                            "CategoryID": 2,
                            "CategoryName": "Condiments"
                        },
                        "UnitPrice": "21.35"
                }, {
                    "ProductID": 6,
                        "ProductName": "Grandma's Boysenberry Spread",
                        "Category": {
                            "CategoryID": 2,
                            "CategoryName": "Condiments"
                        },
                       ...