JSFiddle - React, Tailwind, and code Playground

by siliconsoul

HTML

<script src="http://demos.kendoui.com/content/shared/js/products.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.web.min.js"></script>
<div id="grid"></div>

JavaScript

$(document).ready(function() {
                    $("#grid").kendoGrid({
                        dataSource: {
                            data: products,
                            schema: {
                                model: {
                                    fields: {
                                        ProductName: { type: "string" },
                                        UnitsInStock: { type: "number" }
                                    }
                                }
                            },
                            pageSize: 20
                        },
                        height: 430,
                        editable: true,
                        scrollable: true,
                        sortable: true,
                        selectable: "multiple",
                        filterable: true,
                        pageable: {
                            input: true,
                            numeric: false
                        },
                        columns: [
                            "ProductName",
                            { field: "UnitsInStock", title: "Units In Stock", width: "130px" }
                        ]
                    });
                });