Grid Column Chooser Drag and Drop

2 posts, 0 answers
  1. Koncuk
    Koncuk avatar
    1 posts
    Member since:
    May 2016

    Posted 13 Nov 2017 Link to this post


    I'm new to using kendo

    We want to allow user to drag and drop to show/hide columns from a column chooser box.  We want to allow user to be able to drag a column from the list box and drop it in the column header of the grid. So it will be easy for user to design their grid columns layout.  Is there an example to do that?

    Please check the attached image for the screenshot about the function we want.


  2. Stefan
    Stefan avatar
    3067 posts

    Posted 15 Nov 2017 Link to this post

    Hello, Feride,

    Currently, the Kendo UI Grid has a built-in functionality to choose which columns will be shown in the Grid and which does not. This can be achieved with the Grid columnMenu:

    As for the requirement UI from the screenshot, this will require custom logic to be achieved by using the Drop target and the setOptions of the Grid in order to add a new column to the Grid:

    Another custom approach will be with a MultiSelect:

    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