jsgrid中的子画面

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

这是一个有效的方法

rowRenderer: function(item) { var row = $(""); var addressesGrid = $('').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 = $("").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/