JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.web.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css">
<div id='EFForm'>
<div data-role="efformtable" id="grid"></div>
</div>

CSS

.k-grid-content{
    max-height: 200px;
}

JavaScript

(function ($) {
    ui = kendo.ui,
    Widget = ui.Widget;
    
    var EFFormTable = Widget.extend({
        createRandomData: function(count) {
        var firstNames = ["Nancy", "Andrew", "Janet", "Margaret", "Steven", "Michael", "Robert", "Laura", "Anne", "Nige"],
            lastNames = ["Davolio", "Fuller", "Leverling", "Peacock", "Buchanan", "Suyama", "King", "Callahan", "Dodsworth", "White"],
            cities = ["Seattle", "Tacoma", "Kirkland", "Redmond", "London", "Philadelphia", "New York", "Seattle", "London", "Boston"],
            titles = ["Accountant", "Vice President, Sales", "Sales Representative", "Technical Support", "Sales Manager", "Web Designer",
            "Software Developer", "Inside Sales Coordinator", "Chief Techical Officer", "Chief Execute Officer"];
            
        var data = [],
            now = new Date();
        for (var i = 0; i < count; i++) {
            var firstName = firstNames[Math.floor(Math.random() * firstNames.length)],
                lastName = lastNames[Math.floor(Math.random() * lastNames.length)],
                city = cities[Math.floor(Math.random() * cities.length)],
                title = titles[Math.floor(Math.random() * titles.length)],
                age = 25;

            data.push({
                Id: i + 1,
                FirstName: firstName,
                LastName: lastName,
                City: city,
                Title: title,
                Age: age
            });
        }
        return data;
    },
        
        init: function (element, options) {
            var that = this;
            // base call to widget initialization
            Widget.fn.init.call(this, element, options);

            this._innerwidget = this.element.kendoGrid({
                dataSource: {
                    data: that.createRandomData(100),
                    schema: {
                        model: {
                            fields: {
                                FirstName: { type:...