Kendo Grid ColumnMenu doesn't work with column 'command' property

[faiz]

Hi,

When I use a kendo grid column menu with a column.command property, it seems to override the columnMenu,

As a test case, https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columnmenu

if you put a command in it, you will not see the column menu (3 dotted symbol) in the column header.

Is this how it is intended because I couldn't find any documentation on the situation.

If so, what are your recommendation if I want to use the column menu and also have some custom functions for the column using command property

 

For example:

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name", command: { name: "cmdName", click: function (e) { }}  },
    { field: "age" }
  ],
  columnMenu: true,
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ]
});
</script>

[Neli]

Hello,

By default, the columnMenu is not displayed in the custom command column header. In the provided snippet in your email, there is a custom command configured in a column, that is also bound to a field. I would recommend configuring the columns separately as in the Dojo linked here. 

If you need to have some button/command in a column, you could use the columns.template and configure it depending on the requirements. Here is a small example.

The article linked below demonstrates how to create an external columnMenu:

- https://docs.telerik.com/kendo-ui/knowledge-base/grid-create-an-external-columns-menu

I hope this helps.

Regards,
Neli
Progress Telerik