JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.kendo.min.css">
<table id="grid">
<thead>
<tr>
<th data-field="Content1">Content</th>
</tr>
</thead>
</table>
JavaScript
$("#grid").kendoGrid({
dataSource: [ { Content1: "Content1", Content2: "Content2" }],
height: 100,
scrollable: {
virtual: true
},
columns: [
{
template: "#=Content1# #=Content2#"
}
],
selectable: true
});