jsgrid中的子画面

Question

我尝试在jsgrid的帮助下创建一个包含一些行和列的表。单击一行时，它应展开并显示一些SubRows。因此我创建了一个row.click（）函数。但是当单击该行时，它会将新内容附加到不在当前行下面的行的末尾。这里有一些代码示例

this is a working jsfiddle of it

rowRenderer: function(item) {
        var row = $("<tr>");

        var addressesGrid = $('<tr>').addClass('nested-grid').hide();
        addressesGrid.jsGrid({
            width: "100%",
            height: "auto",
            data: data,
            heading: false,
            fields: col
        })
        items= Object.keys(item)
       items.forEach(function(key){
           if(key!=items[items.length-1]) {
               var cell = $("<td>").addClass("jsgrid-cell").append(item[key])
               row.append(cell)
           }
        })
        row.click(function () {
            addressesGrid.toggle();
        })
        row.append(addressesGrid);


        return row
    }

Answer 1

您需要返回两行，而不是追加到第一行：

return row.add(addressesGrid);

以下是更正的小提琴http://jsfiddle.net/9ftwLsmf/