JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.913/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.913/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.aspnetmvc.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.web.min.js"></script>
  <div id="example" class="k-content">
        <div id="treeview" class="demo-section"></div>
<div id="grid"></div>
</div>

JavaScript

var tree= $("#treeview").kendoTreeView({
                checkboxes: {
                    checkChildren: true
                },

                dataSource: [{
                    id: 1, text: "My Project", expanded: true, spriteCssClass: "rootfolder", items: [
                        {
                            id: 2, text: "OrderID", expanded: true, spriteCssClass: "folder", items: [
                                { id: 3, text: "10248"  },
                                { id: 4, text: "10249"  },
                                { id: 5, text: "10250" },
                                { id: 6, text: "10251" },
                                { id: 7, text: "10252" }
                            ]
                        }
                        
                    ]
                }]
            }).data("kendoTreeView");

tree.dataSource.bind("change", function (e) {
             
 
    var ds = $("#grid").data("kendoGrid").dataSource;
    ds.filter([
        {"logic":"or",
         "filters":[
             {
                "field":"OrderId",
                "operator":"eq",
                 }
              
         ]}
         
    ]);
 
});


  var grid = $("#grid").kendoGrid({
            dataSource: {
                type           : "odata",
                transport      : {
                    read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
                },
                schema         : {
                    model: {
                        fields: {
                            OrderID  : { type: "number" },
                            Freight  : { type: "number" },
                            ShipName : { type: "string" },
                            OrderDate: { type: "date" },
                            ShipCity : { type: "string" }
                        }
                    }
                },
                pageSize       : 10,
                serverPaging   : true,
                serverFiltering: true,
         ...