Subrows в jsgrid

Question

Я пытаюсь создать таблицу с несколькими строками и столбцами с помощью jsgrid. При нажатии на строку, она должна развернуться и показать некоторые SubRows. Поэтому я создал функцию row.click(). Но при нажатии на строку он добавляет новый контент в конец строк, не находящихся под моей текущей строкой. Вот пример кода

это рабочий jsfiddle этого

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/