При нажатии на детали строки, он добавляет 7 неопределенных элементов в сетку

Question

У меня есть примеры 2-в-1 от slickgrid!Чтобы быть более точным, я соединил пример 16 (подробности строки) с примером выбора строки флажка goruping.Дело в том, что когда я группирую строки и пытаюсь открыть детали, в сетку добавляется пустое значение с 7 строками (пусто).Почему в начале добавляется пустая строка?Я только что реализовал с кодом ниже ... Если я не сгруппировать, то все в порядке!Но если я сгруппируюсь и начну видеть детали, это создаст пустые строки X в верхней части страницы!

Я пробовал много примеров, но все они ведут себя одинаково: когда я открываю некоторыедетали, он создаст пустые строки.

Это обычный порядок из примера:

function groupPerComplete() {
      console.log("group%complete");
    dataView.setGrouping({
    getter: "percentComplete",
    formatter: function (g) {
      return "%Complete:  " + g.value + "%  <span style='color:green'>(" + g.count + " items)</span>";
    }
  });
}

и вот где я рисую таблицу:

function loadView(itemDetail) {
      console.log("Kappa" +itemDetail);
      return [
        '<div>',
        '<h4>' + itemDetail.title + '</h4>',
        '<div class="detail">',
        '<label>Assignee:</label> <input id="assignee_' + itemDetail.id + '" type="text" value="' + itemDetail.assignee + '"/>',
        '<span style="float: right">Find out who is the Assignee <button id="who-is-assignee_' + itemDetail.id + '">Click Me</button></span></div>',
        '<div class="detail"><label>Reporter:</label> <span>' + itemDetail.reporter + '</span></div>',
        '<div class="detail"><label>Duration:</label> <span>' + itemDetail.duration + '</span></div>',
        '<div class="detail"><label>% Complete:</label> <span>' + itemDetail.percentComplete + '</span></div>',
        '<div class="detail"><label>Start:</label> <span>' + itemDetail.start + '</span></div>',
        '<div class="detail"><label>Finish:</label> <span>' + itemDetail.finish + '</span></div>',
        '<div class="detail"><label>Effort Driven:</label> <span>' + itemDetail.effortDriven + '</span></div>',
        '<div class="detail"><label>Effort Driven:</label> <span>' + itemDetail.effortDriven + '</span></div>',
        '</div>'
      ].join('');
    }

Ожидаемый пример детализации строк, чтобы показать детали "чистый".Вместо этого я получаю пустую строку в верхней части страницы, и если я открою более одной строки, она скроет некоторые строки.

ОБНОВЛЕНИЕ 1: Для того, что я вижу, опция panelRows: 10 внутриSlick.Plugin.RowDetailsView изменит количество добавляемых строк empy.