Kendo Grid Column Menu Options Sort, how?

Question

I'm looking for a way to order the columns menu options (Columns that I can hide/show) alphabetically meaning If I have 4 columns in the Grid like this:

---

| ID | Name | Last Name | Assignee |

I'd like the menu that shows when "Columns" it's clicked to show ordered alphabetically instead of following the grid column order, should show like this when ordered:

[x] Assignee
[x] ID
[x] Last Name
[x] Name

Not sure if my explanation of what I'm trying it's clear enough... I was able to do this with AngularJS Kendo UI Grid but with Angular 2+ Kendo Grid I'm not sure how to do it.

NOTE: In the Jquery Vr. and AngularJS Version the Kendo Grid takes a configuration object and there's an event called columnMenuInit where I can fix the order of the menu without affecting the actual order of the columns in the grid, but with Angular2+ I'm not sure if I have a way to access that event.

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/columnmenuinit

Appreciate any help I can get from the community :)

Answer 1

Set the columnMenu.columns.sort configuration (documentation):

columnMenu: {
  columns: {
    sort: 'asc'
  }
}

Fiddle: https://dojo.telerik.com/upanADuT