Thanks Patrick,

That works a treat.

Regards

Alan

Hello Don,

There has been a Feature Request on the subject which is pending review currently.  I would highly recommend adding a comment on the thread to add any details you would like to convey to our the developers, and the community.    

Regards, Patrick
Progress Telerik

Thanks Patrick. After wasting an hour trying to find the correct CSS selector, you have solved my problem.

I hade hoped that setting the columnMenu: false would work in the columns collection, but that has no effect and your workaround does the job.

Hi Gary,

I'm glad the workaround helped in your web application. If you haven't, I recommend adding your vote to this feature request and adding a comment for our developers to consider for future releases.  

Regards,
Patrick
Progress Telerik

Hello Fereshteh,

Currently, in order to remove a column's menu, use the jQuery approach shared previously.  For example, using the for the provided Grid:

        $(document).ready(function() {
          $("#grid").kendoGrid({
            columnMenu: true,
          });


          //Reference the Kendo Grid  
          var grid = $("#grid").data("kendoGrid");

          //Removing The Ship Country Column Menu:      
          //By field  
          grid.thead.find("[data-field=make]>.k-header-column-menu").remove();
          grid.thead.find("[data-field=model]>.k-header-column-menu").remove();     

          //By Index  
          //grid.thead.find("[data-index=1]>.k-header-column-menu").remove();

        });

Please feel free to add your vote, follow for any upcoming updates, and comment on the feature request related to this inquiry.  

Regards,
Patrick
Progress Telerik

hi Patrick and thank you for your answer. but this is not what i want. i don't want to remove the three dots button from the column header. i want to remove that column from columnMenu which user can check and uncheck for showing and hiding specific colunm. for example i want first column to be shown all time and user can not uncheck it inside columMenu
for more detailes please visit this post 

i really need your help. thank you

Hi Fereshteh,

Pertaining to the behavior regarding data-menu, I will reach out to the Kendo UI Grid developers to investigate it further.

In the meantime,  one way to hide a specific column marked as data-menu = "false" is to use the columnMenuInit event to configure the columnMenu.  

          function onColumnMenuInit(e){

            //Avaliable Grid columns
            var columns = e.sender.columns;

            //get menuItem inputs
            var inputs =  $(e.container).find("input");

            for(var x = 0; x < columns.length; x++){

              //if the column's menu property is set to false
              if(columns[x].menu == "false"){

                //hide the parent span of the input
                $(inputs[x]).parent("span").hide();
              }
            }
          }

Please take a look at this updated Progress Kendo UI Dojo which shows the implementation above, and let me know if you have any questions. 

Regards,
Patrick
Progress Telerik

Hello Fereshteh,

I wanted to update you to let you know the Kendo UI Grid developers have confirmed this behavior is a bug.  I have created a bug report on your behalf in our feedback portal and in our Kendo UI GitHub repository.  Please feel free to follow each for updates from our team.

Regards,
Patrick
Progress Telerik

hello Patrick

thank you so much for your answer and solution

I will use it and I appreciate your taking the time

Hello Fereshteh,

I'm glad this solution has helped and happy to assist!  

Regards,
Patrick
Progress Telerik