Removing Specific Options from Grid's Classic ColumnMenu

Environment

Product	Version
Progress® Kendo UI® Grid for jQuery	2024.1.130

Description

I want to remove specific options from the Grid's classic columnMenu without using CSS. Specifically, I would like to remove the 'Group column' and 'Set column position' options.

Solution

To achieve this, you can use jQuery during the columnMenuInit event to remove the desired options. Here's an example of how to do it:

$("#grid").kendoGrid({
    columnMenuInit: function(e){
        // hide group, ungroup, setPosition options, and last separator
        var groupOption = $(e.container).find("li.k-menu-item.k-group");
        $(groupOption).css("display", "none");
        var ungroupOption = $(e.container).find("li.k-menu-item.k-ungroup");
        $(ungroupOption).css("display", "none");
        var positionOption = $(e.container).find(".k-position-item");
        $(positionOption).css("display", "none");
        var lastSeparator = $(e.container).find("li.k-separator").last();
        $(lastSeparator).css("display", "none");
    },
    // other grid configurations
});

Please refer to the Progress Kendo UI Dojo for a working example of this solution.