JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<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">
<div id="orderGrid" />

JavaScript

$(document).ready(function() {
    
    function init() {
       
        
    var dataSourceSuggestion = new kendo.data.DataSource({
        data: [{
            "Employee": "Ulf Hej",
            "ValueUsed": "10",
            "ValueLeft": "40",
            "EmployeeNo": "217",
            "ValueExercise": 150,
            "ValueCultureAndExercise": 100,
            "Department": "Frim\u00e4rken",
            "StartDate": "2012-06-01",
            "EndDate": "2012-12-31"},
        {
            "Employee": "Sune Hej",
            "ValueUsed": "0",
            "ValueLeft": "50",
            "EmployeeNo": "997",
            "ValueExercise": 200,
            "ValueCultureAndExercise": 50,
            "Department": "IT",
            "StartDate": "2012-06-01",
            "EndDate": "2012-12-31"}],
        batch: true,
        schema: {
            model: {
                id: "Employee",
                fields: {
                    Employee: {},
                    EmployeeNo: {},
                    ValueCultureAndExercise: {
                        type: "number",
                        defaultValue: "0",
                        validation: {
                            min: 0,
                            step: {
                                value: 50,
                                message: "Värdet måste vara en multipel av 50"
                            }
                        }
                    },
                    ValueExercise: {
                        type: "number",
                        defaultValue: 0,
                        validation: {
                            min: 0,
                            step: {
                                value: 50,
                                message: "Värdet måste vara en multipel av 50"
                            }
                        }
                    },
                    custName: {
                        editable: false
                    },
                    custNo: {
       ...