JSFiddle - React, Tailwind, and code Playground

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/2012.1.515/js/kendo.all.min.js"></script>
<div id="grid"></div>

JavaScript

$("#grid").kendoGrid({
     dataSource: {
         type: "odata",
         serverPaging: true,         
          serverFiltering: true,         
         pageSize: 50,
         transport: {
             read: "http://demos.kendoui.com/service/Northwind.svc/Orders",
             
         },        
         filter: {filters:[{ field: "OrderID", operator: "eq", value: 10248}, {field: "ShipName", operator: "eq", value: "Toms Spezialitäten"}], logic: "or"}
     },
    
     height: 200,
     filterable: true,
     pageable: true,
     sortable: true,     
     columns: [
        { field: "OrderID" },
        { field: "ShipName" }
     ]
 });