Row grouping / styling

2 posts, 0 answers
  1. anthony
    anthony avatar
    6 posts
    Member since:
    Apr 2013

    Posted 22 Aug 2014 Link to this post

    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!

  2. Dimiter Madjarov
    Dimiter Madjarov avatar
    2213 posts

    Posted 25 Aug 2014 Link to this post

    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.

    Dimiter Madjarov

    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.

Back to Top