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
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
0
Hi Greg,
Rosen
the Telerik team
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:
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
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
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
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.