angular - PrimeNG 数据表。在行中的组中添加新行

Question

我正在使用 PrimeNG Angular2 的数据表控件。我尝试在按某些数据分组的表中添加一个新行。

带有按钮的行组标题。

    <template pTemplate="rowgroupheader" let-rowData>
        {{rowData['SectionTitle']}}
        <button type="button" class="btn btn-default" (click)="addNewRow(1)" style="float: right">+</button>
    </template>

行添加功能

   addNewRow(sectionId: number) {
        let item = new Register10SectionViewModel();
        item.SectionTitle = "";
        item.SectionId = sectionId;
        item.AssetType = null;
        item.CauseDisposal = null;
        item.Num1 = 0;
        item.Num2 = 0;
        item.Num3 = 0;
        item.Num4 = 0;

        this.model.Register10Data.push(item);
    }

该字符串被添加但不在组中，而是在数据表的末尾。显然我必须重新绘制表格。但是怎么做呢？据我了解，这个组件应该能够自己完成。如果有人使用此组件，请回复。