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

Row grouping / styling

1 Answer 82 Views
Grid
This is a migrated thread and some comments may be shown as answers.
anthony
Top achievements
Rank 1
anthony asked on 22 Aug 2014, 04:17 PM
I have been using Kendo UI for MVC for about a year now and it's awesome. The same can be said/written about the support! So, thanks!

I have a project coming up where I will be breaking down traveler information in the grid. These travelers can have a guest. I want to list the main traveler and guest traveler in their own rows, but I need to group them. Group may be a strong word, but I was thinking of simply styling the grouped rows to match each other rather than the standard Kendo styling of alternating row colors every other row. I looked over the examples in the demo section and nothing comes close to what I need to do here... 

I attached a few images of what I am thinking. Basically I have two questions:

1. Is this a good idea? I am familiar with Kendo but nowhere near an expert-level user. 

2. Can this be done? I have to assume I can iterate the grid contents and apply css styling at a row-level... Pagination will be at 100 per page with a maximum amount of travelers currently at 800, so we aren't talking about a TON of data here.

Can anyone point me in the right direction or send a fiddle that could put me on the right track? I sincerely appreciate your help!

1 Answer, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 25 Aug 2014, 11:05 AM
Hi Anthony,


Thanks for the nice words. If I understand correctly the items will already be sorted in the expected order and only the styling should be applied. Is this correct? If that is the case, I don't see any show stoppers. You could use the dataBound event handler, access the grid rows through the tbody field and add the custom styles.

Let me know if I could provide further assistance.

Regards,
Dimiter Madjarov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
anthony
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Share this question
or