title: Radzen nested Datagrid not showing
body: <p>I'm new to Radzen and I've been trying to make a nice yet simplified nested master detail datagrid following <a href="https://blazor.radzen.com/master-detail-hierarchy-demand" rel="nofollow noreferrer">this example</a>. I have managed to make two seperate datagrids appear properly but when I try to nest them nothing appears (renders? ). Any help is much appreciated.</p>
  <p><a href="https://i.stack.imgur.com/XyBhO.png" rel="nofollow noreferrer">Image of rendered page</a></p>
  <p>SkillCategoryOverviewPage.cs:</p>
  <pre><code>using System.Collections.Generic;
  using System.Threading.Tasks;
  using Microsoft.AspNetCore.Components;
  using Radzen;
  using Radzen.Blazor;
  using SkillMatrix.APIModels;
  using SkillMatrix.Client.Services.Interfaces;
  
  namespace SkillMatrix.Client.Features.SkillCategoryView
  {
      public partial class SkillCategoryOverviewPage
      {
          #region private properties
  
          private RadzenDataGrid&lt;SkillCategoryResponse&gt; OuterGrid;
          private RadzenDataGrid&lt;SkillResponse&gt; InnerGrid;
  
          #endregion
  
          #region protected properties
          protected List&lt;SkillCategoryResponse&gt; SkillCategories { get; set; }
          protected List&lt;SkillResponse&gt; Skills;
  
          [Inject]
          protected ISkillCategoryDataService SkillCategoryDataService { get; set; }
  
          [Inject]
          protected ISkillDataService SkillDataService { get; set; }
  
          #endregion
  
          #region protected methods
          protected override async Task OnInitializedAsync()
          {
              // Get all SkillCategories
              SkillCategories = (List&lt;SkillCategoryResponse&gt;) await SkillCategoryDataService.GetSkillCategoriesAsync();
  
              Skills = (List&lt;SkillResponse&gt;) await SkillDataService.GetSkillsAsync();
  
  
              // Add Skills to their correct skillCategory
              foreach (var skillCategory in SkillCategories)
              {
                  // todo: fix this
                  foreach (var skill in Skills)
                  {
                      if(skill.SkillCategoryId == skillCategory.Id)
                      {
                          var tmp= new SkillResponse{Id=skill.SkillCategoryId,Name=skill.Name,Description=skill.Description};
  
                          skillCategory.Skills.Add(tmp);
                      } 
                  }
              }
          }
  
          void OuterRowRender(RowRenderEventArgs&lt;SkillCategoryResponse&gt; args)
          {
              args.Expandable = true;
          }
          void InnerRowRender(RowRenderEventArgs&lt;SkillResponse&gt; args)
          {
              args.Expandable = true;
          }
          #endregion
      }
  }
  </code></pre>
  <p>SkillCategoryOverviewPage.razor:</p>
  <pre><code>@page &quot;/skillcategoryoverview&quot;
  @using SkillMatrix.APIModels
  @using SkillMatrix.Shared.Entities
  
  &lt;h1 class=&quot;page-title&quot;&gt;Skill Categories&lt;/h1&gt;
  
  @if (SkillCategories == null)
  {
      &lt;p&gt;&lt;em&gt;Loading ...&lt;/em&gt;&lt;/p&gt;
  }
  else
  {
      @*Working Code*@
      &lt;RadzenDataGrid @ref=&quot;OuterGrid&quot; Data=&quot;SkillCategories&quot; TItem=&quot;SkillCategoryResponse&quot; AllowPaging=&quot;true&quot; PageSize=&quot;10&quot; RowRender=&quot;OuterRowRender&quot; ExpandMode=&quot;DataGridExpandMode.Single&quot;&gt;
          &lt;Columns&gt;
              &lt;template Context=&quot;skillCategory&quot;&gt;
                  &lt;RadzenDataGridColumn TItem=&quot;@SkillCategoryResponse&quot; Property=&quot;@nameof(SkillCategoryResponse.Id)&quot; Title=&quot;Id&quot; Width=&quot;auto&quot; /&gt;
                  &lt;RadzenDataGridColumn TItem=&quot;@SkillCategoryResponse&quot; Property=&quot;@nameof(SkillCategoryResponse.Name)&quot; Title=&quot;Name&quot; Width=&quot;auto&quot; /&gt;
                  &lt;RadzenDataGridColumn TItem=&quot;@SkillCategoryResponse&quot; Property=&quot;@nameof(SkillCategoryResponse.Description)&quot; Title=&quot;Description&quot; Width=&quot;auto&quot; /&gt;
              &lt;/template&gt;
  
          &lt;/Columns&gt;
      &lt;/RadzenDataGrid&gt;
  
      &lt;RadzenDataGrid @ref=&quot;InnerGrid&quot; Data=&quot;Skills&quot; TItem=&quot;SkillResponse&quot; AllowPaging=&quot;true&quot; PageSize=&quot;10&quot; RowRender=&quot;InnerRowRender&quot; ExpandMode=&quot;DataGridExpandMode.Single&quot;&gt;
          &lt;Columns&gt;
              &lt;template Context=&quot;skill&quot;&gt;
                  &lt;RadzenDataGridColumn TItem=&quot;@SkillResponse&quot; Property=&quot;@nameof(SkillResponse.Id)&quot; Title=&quot;Skill ID&quot; Width=&quot;auto&quot; /&gt;
                  &lt;RadzenDataGridColumn TItem=&quot;@SkillResponse&quot; Property=&quot;@nameof(SkillResponse.Name)&quot; Title=&quot;Skill Name&quot; Width=&quot;auto&quot; /&gt;
                  &lt;RadzenDataGridColumn TItem=&quot;@SkillResponse&quot; Property=&quot;@nameof(SkillResponse.Description)&quot; Title=&quot;Skill Description&quot; Width=&quot;auto&quot; /&gt;
              &lt;/template&gt;
          &lt;/Columns&gt;
      &lt;/RadzenDataGrid&gt;
  
      @*Non Working code*@
      &lt;RadzenDataGrid @ref=&quot;OuterGrid&quot; Data=&quot;SkillCategories&quot; TItem=&quot;SkillCategoryResponse&quot; AllowPaging=&quot;true&quot; PageSize=&quot;10&quot; RowRender=&quot;OuterRowRender&quot; ExpandMode=&quot;DataGridExpandMode.Single&quot;&gt;
              &lt;template Context=&quot;skillCategory&quot;&gt;
              &lt;RadzenDataGrid @ref=&quot;InnerGrid&quot; Data=&quot;.Skills&quot; TItem=&quot;SkillResponse&quot; AllowPaging=&quot;true&quot; PageSize=&quot;10&quot; RowRender=&quot;InnerRowRender&quot; ExpandMode=&quot;DataGridExpandMode.Single&quot;&gt;
                  &lt;Columns&gt;
                      &lt;RadzenDataGridColumn TItem=&quot;@SkillResponse&quot; Property=&quot;@nameof(SkillResponse.Id)&quot; Title=&quot;Skill ID&quot; Width=&quot;auto&quot;&gt;
  
                      &lt;/RadzenDataGridColumn&gt;
                  &lt;/Columns&gt;
              &lt;/RadzenDataGrid&gt;
          &lt;/Template&gt;
      &lt;/RadzenDataGrid&gt;
  } 
  </code></pre>
  <p>Edit: Figured out a solution. As mentioned, the radzen syntax in the example is very specific and albeit hidden it does require an extra template before or after the outter datagrid for it to work. This example works:</p>
  <pre><code>@page &quot;/skillcategoryoverview&quot;
  @using SkillMatrix.APIModels
  
  &lt;h1 class=&quot;page-title&quot;&gt;Skill Categories&lt;/h1&gt;
  
  @if (SkillCategories == null)
  {
      &lt;p&gt;&lt;em&gt;Loading ...&lt;/em&gt;&lt;/p&gt;
  }
  else
  {
      &lt;RadzenDataGrid @ref=&quot;@SkillCategoryGrid&quot; AllowFiltering=&quot;true&quot; AllowPaging=&quot;true&quot; PageSize=&quot;4&quot; AllowSorting=&quot;true&quot;
                  ExpandMode=&quot;DataGridExpandMode.Single&quot; Data=&quot;@SkillCategories&quot; TItem=&quot;SkillCategoryResponse&quot;&gt;                
          &lt;Columns&gt;
              &lt;RadzenDataGridColumn TItem=&quot;@SkillCategoryResponse&quot; Property=&quot;@nameof(SkillCategoryResponse.Id)&quot; Title=&quot;Skill Category Id&quot; Width=&quot;auto&quot;&gt;
              &lt;/RadzenDataGridColumn&gt;
  
              &lt;RadzenDataGridColumn TItem=&quot;@SkillCategoryResponse&quot; Property=&quot;@nameof(SkillCategoryResponse.Name)&quot; Title=&quot;Name&quot; Width=&quot;auto&quot;&gt;
              &lt;/RadzenDataGridColumn&gt;
  
              &lt;RadzenDataGridColumn TItem=&quot;@SkillCategoryResponse&quot; Property=&quot;@nameof(SkillCategoryResponse.Description)&quot; Title=&quot;Description&quot; Width=&quot;auto&quot;&gt;
              &lt;/RadzenDataGridColumn&gt;
  
              &lt;RadzenDataGridColumn TItem=&quot;@SkillCategoryResponse&quot; Width=&quot;100px&quot;&gt;
                  &lt;Template Context=&quot;selected&quot;&gt;
                      &lt;RadzenButton Icon=&quot;info&quot; ButtonStyle=&quot;ButtonStyle.Info&quot; Click=@(() =&gt; NavigateToDetailPage(selected))&gt;
                      &lt;/RadzenButton&gt;
                      &lt;RadzenButton Icon=&quot;edit&quot; ButtonStyle=&quot;ButtonStyle.Light&quot; Click=@(() =&gt; NavigateToEditPage(selected))&gt;
                      &lt;/RadzenButton&gt;
                  &lt;/Template&gt;
              &lt;/RadzenDataGridColumn&gt;
          &lt;/Columns&gt;
  
          &lt;Template Context=&quot;skill&quot;&gt;
              &lt;RadzenDataGrid AllowFiltering=&quot;false&quot; AllowPaging=&quot;true&quot; PageSize=&quot;10&quot; AllowSorting=&quot;false&quot;
                          Data=&quot;skill.Skills&quot; TItem=&quot;SkillResponse&quot;&gt;
                  &lt;Columns&gt;
                      &lt;RadzenDataGridColumn TItem=&quot;@SkillResponse&quot; Property=&quot;skill.Id&quot; Title=&quot;Skill Id&quot; Width=&quot;auto&quot;&gt;
                      &lt;/RadzenDataGridColumn&gt;
  
                      &lt;RadzenDataGridColumn TItem=&quot;@SkillResponse&quot; Property=&quot;skill.Name&quot; Title=&quot;Name&quot; Width=&quot;auto&quot;&gt;
                      &lt;/RadzenDataGridColumn&gt;
  
                      &lt;RadzenDataGridColumn TItem=&quot;@SkillResponse&quot; Property=&quot;skill.Description&quot; Title=&quot;Description&quot; Width=&quot;auto&quot;&gt;
                      &lt;/RadzenDataGridColumn&gt;
                  &lt;/Columns&gt;
              &lt;/RadzenDataGrid&gt;
          &lt;/Template&gt;
      &lt;/RadzenDataGrid&gt;
  }
  </code></pre>