Infragistics WebHierarchicalDataGrid - Custom style for child groups when Databind to IList?

Question

I am trying to customize some custom styles and TemplateDataFields at the level of child ranges of a hierarchical DataGrid Infragistics. I bind the control to an IList that has helper lists. The control will work fine (display the parent table and expand the child tables) when I set it to AutoGenerateBands. But for child tables, I need custom headers and TemplateDataFields.

Here is my aspx:

<ig:WebHierarchicalDataGrid ID="WebHierarchicalDataGrid1" runat="server" AutoGenerateColumns="false" AutoGenerateBands="false" DataKeyFields="DataSourceId" Width="700px" Height="700px"> <ExpandCollapseAnimation SlideOpenDirection="Auto" SlideOpenDuration="300" SlideCloseDirection="Auto" SlideCloseDuration="300" /> <Columns> <ig:BoundDataField DataFieldName="DataSourceId" Key="DataSourceId" Header-Text="Data Source Id" Hidden="true"/> <ig:BoundDataField DataFieldName="DataSrc" Key="DataSrc" Header-Text="Data Source" /> <ig:BoundDataField DataFieldName="DataSrcType" Key="DataSrcType" Header-Text="Activity Type" /> <ig:BoundDataField DataFieldName="Reporting" Key="Reporting" Header-Text="Reporting?" /> <ig:BoundDataField DataFieldName="LastUpdtSrc" Key="LastUpdtSrc" Header-Text="Last Update Source" /> <ig:BoundDataField DataFieldName="LastUpdtDate" Key="LastUpdtDate" Header-Text="Last Update Date" /> <ig:TemplateDataField Key="Priority" Header-Text="Priority"> </ig:TemplateDataField> </Columns> <Bands> <ig:Band DataMember="WebHierarchicalDataGrid1" Key="DataSourceId"> <Columns> <ig:BoundDataField DataFieldName="DataSourceId" Key="DataSourceId" Header-Text="Data Source Id" Hidden="true" /> <ig:BoundDataField DataFieldName="OriginalSrc" Key="OriginalSrc" Header-Text="Original Source" /> <ig:BoundDataField DataFieldName="LastUpdtDate" Key="LastUpdtDate" Header-Text="Last Update Date" /> <ig:BoundDataField DataFieldName="RecordsCount" Key="RecordsCount" Header-Text="Records Count" /> </Columns> </ig:Band> </Bands> <Behaviors> <ig:Paging PagerAppearance="Bottom" PageSize="50" Enabled="true" /> <ig:Sorting SortingMode="Single" Enabled="true"> </ig:Sorting> </Behaviors> </ig:WebHierarchicalDataGrid> 

And this is how I bind the data on the Load page:

  this.WebHierarchicalDataGrid1.DataSource = GetLastUpdatedEvents().OrderByDescending(x => x.LastUpdtDate); this.WebHierarchicalDataGrid1.DataBind(); 

This code creates a beautifully formatted parent table and displays the expansion arrows in the correct rows. After clicking, the nipple will be afflicted, but the child table will not be displayed.

Any help would be greatly appreciated!

Thanks,

-Will be