JSFiddle - React, Tailwind, and code Playground

by valchev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<br/>
<p>Try editing the empty description of <b>test2</b>.</p>
<p>Alternatively, try editing any of the other fields, and set the new value to an <b> empty </b> string. Click on another cell, and then try editing the empty cell again. The grid will not let you go into edit mode on that cell. </p>
<br/><br/>
<div id="test"></div>

JavaScript

$("#test").kendoGrid({
    editable: true,
    pageable: true,
    columns: [
        "ID","Description"
    ],
    dataSource: {
        data: [
            {ID:"test1",Description:"asd1"},
            {ID:"test2",Description:""},
            {ID:"test3",Description:"asd3"},
            {ID:"test4",Description:"asd4"}
        ],
        schema: {
            model: {
                fields: {
                    ID: { type: "string" },
                    Description: { type: "string" }
                }
            }                
        }
    }
            
});