JSFiddle - React, Tailwind, and code Playground

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='grid1' style='width: 200px;'>
</div>

JavaScript

$('#grid1').kendoGrid({
    height: 350,
    reorderable: true,
    scrollable: {
        virtual: true
    },
    columns: [
        {
        field: "FirstName",
        title: "First Name",
        width: 150},
    {
        field: "LastName",
        title: "Last Name",
        width: 150}
    ],
    dataSource: {
        data: [
            {
            FirstName: "Joe",
            LastName: "Smith"},
        {
            FirstName: "Joe",
            LastName: "Smith"},
        {
            FirstName: "Joe",
            LastName: "Smith"},
        {
            FirstName: "Joe",
            LastName: "Smith"},
        {
            FirstName: "Joe",
            LastName: "Smith"},
        {
            FirstName: "Joe",
            LastName: "Smith"}
        ]
    }
});