This is a migrated thread and some comments may be shown as answers.

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

6 Answers 2066 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Greg
Top achievements
Rank 1
Greg asked on 07 Dec 2011, 10:18 PM
Hello,

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

6 Answers, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 08 Dec 2011, 09:51 AM
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,
Rosen
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Greg
Top achievements
Rank 1
answered on 08 Dec 2011, 01:19 PM
(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.
0
Greg
Top achievements
Rank 1
answered on 08 Dec 2011, 02:33 PM
Okay, I see.  Works nicely, thank you for the prompt and accurate reply.
0
Manish
Top achievements
Rank 1
answered on 11 Jul 2012, 02:21 PM
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 


0
José
Top achievements
Rank 1
answered on 10 May 2017, 05:25 PM

Hi!

this solution functions in my project.

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

0
Dimiter Topalov
Telerik team
answered on 11 May 2017, 02:14 PM
Hi ,

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

http://dojo.telerik.com/ocElE/2

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

I hope this helps.

Regards,
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.
Tags
Grid
Asked by
Greg
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Greg
Top achievements
Rank 1
Greg
Top achievements
Rank 1
Manish
Top achievements
Rank 1
José
Top achievements
Rank 1
Dimiter Topalov
Telerik team
Share this question
or