Hello,

I am using IgniteUI in many places in a web application and in one place I need to have multi-column headers along with a column that is to the right of the group.  Normally, this is no issue.  However in this case, the objects for the row contain an object and the values within that object feed the columns for the group.  When the objects that represent the rows have everything on the same level, the grid is fine and looks exactly how I want.  When the data is set up as I described, and how it will be coming to me from the server, the data from the column that is to the right of the group also overwrites the first column of the group.  I have set up a fiddle: http://jsfiddle.net/rc5a4vbs/3/.  In fact, for every column added after the group, a column in the group gets overwritten.  

How do I get the correct behavior with the data setup I have?  Any help would be greatly appreciated.  Thanks.