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">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.dataviz.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<div id="grid"></div>

CSS

.test {
    color: green;
}

JavaScript

data = [
    {id: 1, foo: "AAA"},
    {id: 2, foo: "BBB"},
    {id: 3, foo: "CCC"},
    {id: 4, foo: "DDD"},
    {id: 4, foo: "EEE"}
];

$("#grid").kendoGrid({
    dataSource: {
        data: data
    },
    selectable: true,
    dataBound: function() {
        this.tbody.find("tr").eq(1).addClass("test"); //add class initially
        //after the selection of the class, added class is not removed
    }
});