JSFiddle - React, Tailwind, and code Playground
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">
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<div id="grid"></div>
CSS
.selected{
background: red;
color: white;
}
JavaScript
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: {
url: "http://demos.kendoui.com/service/Northwind.svc/Orders",
jsonpCallback: "callbackNam"
}
},
serverPaging: true,
pageSize: 10
},
pageable: true,
columns: ["OrderID", "Freight", "ShipName"]
});