Hierarchical or Aggregates? Not sure which to use

[Leyth]

Hey, so I am fairly new to JS and Kendo UI and was hoping someone could direct me in the right direction to achieve my goal.  Basically I am wanting to have a grid that allows me to expand each row to see further detail about the data in that row.  For example:

Month  MoneySpent  PointsAccrued
July     $5,000          396

I would like to be able to click on the data row July and it look like this:

Month         MoneySpent          PointsAccrued
July             $5,000                    400
    Food      $2,500                    200
    Bills        $2,500                    200

As you can see, it is a breakdown of the original data row.  Would I use hierarchical or aggregates to achieve this?  Or did I overlook another possible approach?  Thanks ahead for your help

[Pavlina]

Hello,

You can use the grid DetailItemTemplate which is considered as part of the GridDataItem and is rendered in a new row right after the GridDataItem itself in order to achieve your goal. You can refer to the following example which demonstrates this functionality:
http://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/rows/detailitemtemplate/defaultcs.aspx

I hope this helps.
 
Regards,
Pavlina
Telerik