JSFiddle - React, Tailwind, and code Playground

by rusev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<table id="grid">        
    <thead>                
        <tr>
            <th data-field="one">One</th>
            <th data-field="two">Two</th>
            <th data-field="three">Three</th>
        </tr>           
         <tr>
            <td colspan="3">Title</td>
        </tr>
    </thead>
</table>

CSS

#grid .k-grid-header td:nth-child(1){
    text-align: center;
}

JavaScript

$("#grid").kendoGrid({ 
    scrollable: false,
    sortable: true,
    dataSource: [{one: 1, two: 2, three: 3}, {one: 4, two: 5, three: 6}]
});