JSFiddle - React, Tailwind, and code Playground

HTML

<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">
<script src="http://cdn.kendostatic.com/2011.3.1407/js/kendo.all.min.js"></script>
<div id="grid"></div>
<button id="destroy">Destroy</button>

JavaScript

$("#grid").kendoGrid({
    dataSource: [ 
        { firstName: "John", lastName: "Doe" }
    ],
    filterable: true
});

$("#destroy").click(function() {
    $("#grid .k-filterable").each(function() {
        var filterMenu = $(this).data("kendoFilterMenu");
        
        var popup = filterMenu.popup;
        
        popup.element
             .find("select")
             .each(function() {
                 var dropdown = $(this).data("kendoDropDownList");
                 
                 dropdown.element.remove();
                 dropdown.popup.element.unbind().remove();
             })
             .end()
             .remove();
    });
});