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>
<script src="http://demos.kendoui.com/content/shared/js/people.js"></script>
<div id="singleSort" style="width:600px;"></div>

CSS

.k-grid { outline: 0; }

JavaScript

$(document).ready(function() {
        $("#singleSort").kendoGrid({
            dataSource: {
                data: createRandomData(20),
                pageSize: 5
            },
            sortable: true,
            pageable: true,
            scrollable: false,
            columns: [
                {
                    field: "FirstName",
                    title: "First Name",
                    sortable: true
                },
                {
                    field: "LastName",
                    title: "Last Name",
                    sortable: true
                },
                {
                    field: "Age",
                    title: "Age",
                    sortable: true
                }
            ]
        });
    });