Javascript 如何创建剑道网格detailInit

我正在尝试使用detailInit函数创建剑道网格，但我不知道如何实现它

如何在my grid detailsInit函数中显示地址[object，object]数据，允许用户切换以显示详细信息，下面是所需输出的示例：-

电流输出：

    Name      |  Phone         |     Address
------------------------------------------------
John Smith    | (519) 420-2391 | [object Object]
------------------------------------------------
James Seth    | (123) 212-3332 | [object Object]

想要的输出：

   Name       |  Phone         |     
--------------------------------
John Smith    | (519) 420-2391 | 
--------------------------------
 ^  Location  | no             |
   -----------------------------
    london    | 123            |
    aus       | 456            |

var=[]，
地址=[]；
人民=[{
id:1，
姓名：“约翰·史密斯”，
电话：“（519）420-2391”，
地址:[{
地点：“伦敦”，
编号：“123”
}, {
地点：“澳大利亚”，
否：“456”
}]
}, {
id:2，
姓名：“詹姆斯·赛斯”，
电话：“（123）212-3332”，
地址:[{
地点：“巴黎”，
否：“789”
}, {
地点：“ita”，
否：“888”
}]
}];
$（“#网格”）.kendoGrid({
数据源：{
数据：各国人民，
},
栏目：[{
字段：“名称”，
标题：“姓名”
}, {
字段：“电话”，
标题：“电话号码”
}, {
字段：“地址”，
标题：“地址”
}],
});

无标题
只需在事件中创建另一个网格，将当前行的
address
属性作为其数据：

detailInit: function(e) {
    $('<div></div>')
        .appendTo($(e.detailRow))
        .kendoGrid({
            dataSource: {
                data: e.data.address
            },
            columns: [{
                field: "Location"
            }, {
                field: "no"
            }]
        });
}

detailInit:function（e）{
$('')
.appendTo（$（e.detailRow））
肯多格里德先生({
数据源：{
数据：e.data.address
},
栏目：[{
字段：“位置”
}, {
字段：“否”
}]
});
}

如何做到这一点