JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$("#grid").kendoGrid({ 
    scrollable: false,
    selectable: true,
    dataSource: [{one: 1,two: 1, three: 1},{one: 1,two: 1, three: 1}],
    detailTemplate: "some template",
    detailExpand: function(e) {
        e.masterRow.removeClass("k-state-selected");
    },
    detailCollapse: function(e) {
        e.masterRow.removeClass("k-state-selected");
    }
})