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">
<table id="grid">            
</table> 

<button>rebind</button>

JavaScript

var grid = $("#grid").kendoGrid({ 
    scrollable: false,
    sortable: true,
    dataSource: [{one: 1,two: 1, three: 1}]
}).data("kendoGrid"); 

$("button").click(function() {
    var ds = grid.dataSource;
    
    grid.thead.remove();
    grid.columns = [{one: "uno", two: "duo"}];    
    ds.data([{one: 1, two: 1}]);
});