Adding KendoMenu to column header in a grid breaks column re-ordering (in 2013.2.918)

3 posts, 0 answers
  1. Alex
    Alex avatar
    25 posts
    Member since:
    Oct 2011

    Posted 04 Jan 2018 Link to this post

    This is probably a long shot, but thought I'd ask if anyone has any suggestions.

    I've got a grid where the first column is a checkbox column for selecting rows. I've then added a kendoMenu to this column to provide actions to perform on the selected rows. However if I start re-ordering columns they get messed up in weird and wonderful ways.

    We're on version 2013.2.918 and I've recreated the issue in a kendo dojo (try dragging Quantity Per Unit over to be the first column to see the error).

    I've updated the example to the very next released version of kendo (2014.1.318) and the problem goes away. However due to project timeframes a kendo upgrade at this point would not be ideal.

    Can anyone suggest a workaround (without upgrading kendo)? 


  2. Alex
    Alex avatar
    25 posts
    Member since:
    Oct 2011

    Posted 04 Jan 2018 in reply to Alex Link to this post

    Found a workaround. The issue is caused by the menu having a class of k-header. Using jQuery to remove this class after the menu is created solved the problem. (Just needed to add a bit of styling to compensate)


  3. Stefan
    Stefan avatar
    2799 posts

    Posted 08 Jan 2018 Link to this post

    Hello, Alex,

    I'm glad to hear that the issue is resolved and thank you for sharing the workaround with the community it is highly appreciated.

    We do recommend updating to the latest version whenever possible, to take advantage of all new features and bug fixes made over these 4 years.

    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top