Datagrid dentro de Datagrid

Ola Amigos,

Estou com um problema que esta me matando!

Estou fazendo um menu divido por categorias e sub-categorias, para isso estou usando 2 datagrids, so que eu nao consigo popular o segundo datagrid com os dados relacionados da categoria.

Simplificando:

| Categoria |

->Sub-Categorias

->Sub-Categorias

->Sub-Categorias

| Categoria |

->Sub-Categorias

->Sub-Categorias

->Sub-Categorias

Acho q assim ficou mais facil.

Alguem pode me ajudar com isso!?!?

Codigo dos datagrid:

<asp:DataGrid ID="dgDepartamentos" BorderWidth="0" HorizontalAlign="Center" CellSpacing="0" CellPadding="0"
Width="170" AutoGenerateColumns="False" AllowPaging="False" AllowSorting="False" AllowCustomPaging="False"
DataKeyField="ID_Departamento_Produto" CssClass="destaqueAzul12" ShowFooter="False" ShowHeader="false"
Runat="server">

	<Columns>
 <asp:TemplateColumn ItemStyle-BackColor="#F5F5F5" ItemStyle-Height="20px">
 <ItemTemplate>
 <asp:Label ID="lblDepartamento" Text=<%# " " & Container.DataItem("Departamento_Produto")%> Font-Size="12px" Font-Bold="True" Runat="server" />
 <br>
 <asp:DataGrid ID="dgCategorias" BorderWidth="0" HorizontalAlign="Center" CellSpacing="0" CellPadding="0"
 Width="170" AutoGenerateColumns="False" AllowPaging="False" AllowSorting="False" AllowCustomPaging="False"
 DataKeyField="ID_Categoria_Produto" CssClass="menutitle" ShowFooter="False" ShowHeader="false"
 Runat="server">
 <Columns>
 <asp:TemplateColumn ItemStyle-BackColor="#FFFFFF" ItemStyle-Height="20px">
 <ItemTemplate>
 <asp:LinkButton ID="lbCategoria" Text=<%# " " & Container.DataItem("Categoria_Produto")%> CommandArgument=<%# Container.DataItem("ID_Categoria_Produto")%> OnClick="Consultar_Categoria" Font-Size="12px" Font-Bold="False" Runat="server" />
 <tr>
 <td>
 <img src="imagens/linha_menu.gif" width="168" height="1">
 </td>
 </tr>
 </ItemTemplate>
 </asp:TemplateColumn>
 </Columns>
 </asp:DataGrid>
 </ItemTemplate>
 </asp:TemplateColumn>
	</Columns>
</asp:DataGrid>