Render grid with a group column by default; I do not want the drag and drop option on UI

7 posts, 0 answers
  1. Greg
    Greg avatar
    13 posts
    Member since:
    Oct 2008

    Posted 07 Dec 2011 Link to this post


    In the basic demo for the grid, it allows drag and drop of column headers for making the grid group by those columns.  What I would like, is to have the grid already grouped by a column when the UI has initially rendered, and not have the drag and drop or ability to remove the group column.  How could I do this?

    Another way I was thinking of rendering the data in the grid, was that column1 would be my group column, and column2 would contain a grid of the items within that group.  But, I do not see a rowDataBound event on the grid to help construct this.

    Thank you
  2. Rosen
    Rosen avatar
    3253 posts

    Posted 08 Dec 2011 Link to this post

    Hi Greg,

    As you may know, the dataSource component is responsible for the data operations, thus in order to group the grid component, a group expression should be added to the dataSource. 

    In order to hide the grid's group bar you should set groupable options to false or omitted completely.

    Here is a short example:

    All the best,
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Greg
    Greg avatar
    3 posts
    Member since:
    Oct 2011

    Posted 08 Dec 2011 Link to this post

    (different Greg here) I have to say, I love the group-by feature. I was at a demo for a web layer over SAP data and this was one of the things their web ui could do - drag and drop columns to do group by. This will be very nice for looking at all of the financial data we have.
  4. Greg
    Greg avatar
    13 posts
    Member since:
    Oct 2008

    Posted 08 Dec 2011 Link to this post

    Okay, I see.  Works nicely, thank you for the prompt and accurate reply.
  5. Manish
    Manish avatar
    2 posts
    Member since:
    Jun 2012

    Posted 11 Jul 2012 Link to this post

    Hi Rosen

    i am new to kendo UI  right now i facing a problem so please help me

    Actually i want to update some data in existing dataSource of grid , i tried it by dataSource.add(), addRow() but its not able to update , 

    Is there any way to update Existing dataSource in kendo Grid ,

    For ex 
    if i have a grid row that have 5 fields in them 3 are alreay filled with some value  but 2 fields are remain empty so i want to add value to thoes 2 fields with existing 3 fields value

    for this i have to update datasource .i tried for this but me not able update these fields so please help me 

  6. José
    José avatar
    1 posts
    Member since:
    May 2017

    Posted 10 May 2017 in reply to Manish Link to this post


    this solution functions in my project.

    i need more help... can i configure any categories closed? (aria-expand= "false")

  7. Dimiter Topalov
    Dimiter Topalov avatar
    1263 posts

    Posted 11 May 2017 Link to this post

    Hi ,

    You can handle the dataBound event, and programmatically close all groups, matching some custom condition, via the collapseGroup() method, e.g.:

    The mentioned ARIA attribute will be changed accordingly (to aria-expand="false");

    I hope this helps.

    Dimiter Topalov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 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