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.blueopal.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<div id="sample"></div>

JavaScript

$('#sample').kendoGrid({
            groupable: true,
            sortable: true,
            pageable: {
                refresh: true,
                pageSizes: true,
                buttonCount: 5
            },
            columns: [{
                field: "Column1",
                title: "Column1",
                width: 140
            }, {
                field: "Column2",
                title: "Column2",
                width: 190
            }, {
                field: "Column3",
                title: "Column3",
                width: 140
            }]
});