JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<div id="grid"></div>

CSS

.categoryName{
    width: auto !important;
}

.customClass {
    overflow: visible !important;
}

JavaScript

var products = [{
    "ProductID": 1,
    "ProductName": "Chai",
    "Category": "Beverages",
    "UnitPrice": "18.00"
}, {
    "ProductID": 2,
    "ProductName": "Chang",
    "Category": "Beverages",
    "UnitPrice": "19.00"
}, {
    "ProductID": 3,
    "ProductName": "Aniseed Syrup",
    "Category": "Different Condiments",
    "UnitPrice": "10.00"
}, {
    "ProductID": 4,
    "ProductName": "Chef Anton's Cajun Seasoning",
    "Category": "Condiments",
    "UnitPrice": "22.00"
}, {
    "ProductID": 5,
    "ProductName": "Chef Anton's Gumbo Mix",
    "Category": "Condiments and other",
    "UnitPrice": "21.35"
}, {
    "ProductID": 6,
    "ProductName": "Grandma's Boysenberry Spread",
    "Category": "Condiments",
    "UnitPrice": "25.00"
}];


var dataSource = new kendo.data.DataSource({
    pageSize: 30,
    data: products,
    schema: {
        model: {
            id: "ProductID",
            fields: {
                ProductID: {
                    editable: false,
                    nullable: true
                },
                ProductName: {
                    validation: {
                        required: true
                    }
                },
                Category: "Category",
                UnitPrice: {
                    type: "number",
                    validation: {
                        required: true,
                        min: 1
                    }
                }
            }
        }
    }
});

$("#grid").kendoGrid({
    dataSource: dataSource,
    columns: [
        "ProductName", {
            field: "Category",
            editor: comboEditor,
            width: "120px",
            attributes: {
                "class": "customClass"
            }
        }, {
            field: "UnitPrice",
            format: "{0:c}",
            width: "90px"
        }, {
            command: [ "destroy"],
            title: " "
        }],
    editable: true
});

function comboEditor(container, options) {
    $('<input...