title: not able to bind the child grid to second row in kendo Hierarchy UI grid
body: <p>I have got parent grid and child grid and I am using <a href="http://demos.kendoui.com/web/grid/hierarchy.html" rel="nofollow noreferrer">kendo UI Grid</a>(Hierarchy grid format)
  to bind the child grid data to corresponding row in parent grid  for that I am able to show child grid for only first row and not able to show same details for another rows ...</p>
  
  <p>This is my view for that grid ...</p>
  
  <pre><code>@model IEnumerable&lt;KendoSampleMVCApp.Models.EmployeesDetailsModel&gt;
  @{
      ViewBag.Title = "Index";
  }
  &lt;h2&gt;Index&lt;/h2&gt;
  @using (Html.BeginForm())
  { 
     @(Html.Kendo().Grid&lt;KendoSampleMVCApp.Models.EmployeesDetailsModel&gt;()
          .Name("ParentGrids")
          .Columns(columns =&gt;
          {
              columns.Bound(e =&gt; e.EmployeeID).Width(100);
              columns.Bound(e =&gt; e.EmployeeFirstName).Width(100);
              columns.Bound(e =&gt; e.EmployeeSecondName).Width(100);
              columns.Bound(e =&gt; e.EmployeeCity).Width(100);         
  
          })               
          .Sortable()
          .Pageable()
          .Scrollable()
          .ClientDetailTemplateId("template")
          .HtmlAttributes(new { style = "height:430px;" })
          .DataSource(dataSource =&gt; dataSource
              .Ajax()
              .PageSize(5)
              .Read(read =&gt; read.Action("HierarchyBinding_Employees", "HierarchyGridDisplay"))            
          )               
  )
      &lt;script id="template" type="text/kendo-tmpl"&gt;
      @(Html.Kendo().Grid&lt;KendoSampleMVCApp.Models.ShipDescriptionModel&gt;()
              .Name("ChildGrids")
              .Columns(columns =&gt;
              {
                  columns.Bound(o =&gt; o.ShipAddress).Width(70);
                  columns.Bound(o =&gt; o.ShipCountry).Width(70);
                  columns.Bound(o =&gt; o.ShipName).Width(70);
              })
              .DataSource(dataSource =&gt; dataSource
                  .Ajax()
                  .PageSize(6)
                  .Read(read =&gt; read.Action("HierarchyBinding_Orders", "HierarchyGridDisplay"))
              )
              .Pageable()
              .Sortable()
              .ToClientTemplate()
      )
      &lt;/script&gt;
  &lt;script&gt;
      function dataBound() {
          this.expandRow(this.tbody.find("tr.k-master-row").first());
      }
  &lt;/script&gt;
  }
  </code></pre>
  
  <p>and this is my model</p>
  
  <pre><code>public class EmployeesDetailsModel
  {
      public string EmployeeID { get; set; }
      public string EmployeeFirstName { get; set; }
      public string EmployeeSecondName { get; set; }
      public string EmployeeCity { get; set; }        
  }
  public class ShipDescriptionModel
  {
      public string ShipCountry { get; set; }
      public string ShipAddress { get; set; }
      public string ShipName { get; set; }       
  }
  public class EmployeeShipModel
  {
      public EmployeesDetailsModel employeesshipments { get; set; }
      public ShipDescriptionModel shipinfo { get; set; }   
  }
  </code></pre>
  
  <p>would you pls suggest any ideas and any changes need to be done in <code>view</code> for showing child grid data to another rows as well... Many thanks</p>
  
  <p>pls look at the images attached below</p>
  
  <p><img src="https://i.stack.imgur.com/CAsFA.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/kbuH8.png" alt="enter image description here"></p>