Javascript 展开网格的详细信息行

我在扩展剑道网格的细节行时遇到问题。我的网格充满了3级数据，如下所示

Parent Row
   Child Row 
     Grand Child Row

每一行都有一个网格。我想要实现的是在单击按钮以显示这些网格时展开所有细节行。目前，我可以展开所有细节行，但Grand Child的网格会缩小。如果手动展开，则不会出现此问题

html{字体大小：14px；字体系列：Arial、Helvetica、sans serif；}
扩大
$（文档）.ready（函数（）{
变量列=[{
“字段”：“，
“标题”：“编号”，
“隐藏”：假，
“模板”：“，
“宽度”：“40px”，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“r_tasker”，
“标题”：“管理员姓名”，
“隐藏”：假，
“模板”：“#：r#u tasker#”，
“宽度”：“180px”，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“r_tasker_电子邮件”，
“标题”：“电子邮件”，
“隐藏”：假，
“模板”：“#：r#u tasker#u email”，
“宽度”：“180px”，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“任务列”，
“标题”：“任务列”，
“隐藏”：是的，
“模板”：“#：任务列#”，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[{
“字段”：“任务接收日期”，
“标题”：“接收日期”，
“隐藏”：假，
“模板”：“#：任务接收日期”，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“任务、行动、日期”，
“标题”：“对……采取的行动”，
“隐藏”：假，
“模板”：“#：任务#行动#日期#”，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“任务状态”，
“标题”：“采取的行动”，
“隐藏”：假，
“模板”：“#：r#U任务#U状态#”，
“宽度”：“350px”，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“参考号”，
“标题”：“ID”，
“隐藏”：是的，
“模板”：“#：参考号”，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“应用程序名称”，
“职务”：“申请人姓名”，
“隐藏”：是的，
“模板”：“#：r#U应用程序#U名称#”，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“r_应用程序_ic”，
“头衔”：“护照”，
“隐藏”：是的，
“模板”：“#：r#U应用程序#U ic”，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“r\u应用程序\u com\u dep”，
“职务”：“公司/部门”，
“隐藏”：是的，
“模板”：“#：r#u app_com#u dep”，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“任务持续时间”，
“标题”：“期限”，
“隐藏”：假，
“模板”：“#：r#U任务#持续时间#”，
“宽度”：“，
“headerTemplate”：“持续时间（小时）”，
“任务列”：[]
}
]
},
{
“字段”：“firstTaskColumn”，
“标题”：“firstTaskColumn”，
“隐藏”：是的，
“模板”：“#：第一任务列#”，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[{
“字段”：“参考号”，
“标题”：“ID”，
“隐藏”：假，
“模板”：空，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“应用程序名称”，
“职务”：“申请人姓名”，
“隐藏”：假，
“模板”：空，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“r_应用程序_ic”，
“头衔”：“护照”，
“隐藏”：假，
“模板”：空，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“r\u应用程序\u com\u dep”，
“职务”：“公司/部门”，
“隐藏”：假，
“模板”：空，
“宽度”：“，
“headerTemplate”：空，
“任务列”：[]
},
{
“字段”：“任务持续时间”，
“标题”：“总工期”，
“隐藏”：假，
“模板”：空，
“宽度”：“，
“headerTemplate”：“总持续时间（小时）”，
“任务列”：[]
}
]
}
];
var行=[{
“r_tasker”：“A”，
“r_tasker_email”：空，
“任务列”的任务列：“任务列”的任务列：“任务列”的任务列“：“[{”研究者们的应用程序的名称”和“研究者们的参考号”以及“研究者们的参考号”目前的参考号：：“O-001\”，“研究者们的应用程序的应用程序的名称名称”和“研究者们的应用程序的应用程序的应用程序的名称名称”的名称“：“，，“研究者们的应用程序的应用程序的名称”的名称”的名称”的名称“：：：““：““，，“研究者们们的应用程序的应用程序的应用程序的名称的名称”名称”名称名称”名称”名称”名称“，，，，，“研究者们们们们们们的名称的名称名称名称名称”名称”名称“，，，，，，，，，，，，，，，，“研究者的研究者的应用程序的研究者的应用程序的应用程序的应用程序的名称的名称的名称的名称名称的U状态\“：\”已批准的申请\“，”r\U参考号\“：”O-001 \“，”r\U应用程序名称\“：\”AAAA\uuuUpdate\”，“r\uApp\uIC\：“AA\”，“r\uApp\uCOM”
$('#expand').click(function (e) {
  var grid = $("#grid").data("kendoGrid");

  grid.element.find(".k-master-row").each(function() {
    var $masterRow = $(this);
    $row = $masterRow.find(".k-hierarchy-cell a.k-i-collapse");
    // only expand rows that are not expanded
    if ($row.length === 0) {
      grid.expandRow($masterRow);
      var $detailCell = $masterRow.next().find(".k-detail-cell:first");
      $detailCell.attr("colspan", "5");
    }
  });
});