如何设置行的最小值primeNG datatable

Question

我有一个使用primeNG数据表的角度2项目。我有一个填充数据表的人员列表。我想要的是设置数据表中行的最小值。假设我希望表格至少有10行。因此，即使我的人员列表低于10，我也希望表行总是设置为10行，其余所有行都只是空行。如何在PrimeNg数据表中设置它。这是我的plunkr http://plnkr.co/edit/SPwdr4nYoYJ0z4hIzkUK?p=preview。

 <p-dataTable [value]="persons" [editable]="true"  resizableColumns="true" reorderableColumns="true" scrollable="true" scrollHeight="80vh"> 
    <p-column field="firstName" header="First Name" [editable]="true"></p-column>
    <p-column field="lastName" [editable]="true" header="Last Name"></p-column>
    <p-column field="favoriteColor"  header="Favorite Color"></p-column>
    <p-column field="registered" header="Registered">
        <template let-person="rowData" pTemplate>
          <p-inputSwitch [(ngModel)]="person.registered"></p-inputSwitch>
      </template>
    </p-column>
</p-dataTable>

Answer 1

使用以下代码

if(this.persons.length<10){
        let temp= {"firstName": "","lastName":"","registered":'',"favoriteColor": ""};
        for(let i=this.persons.length;i<10;i++){
          this.persons.push(temp);
        }console.log(this.persons);
      }

输出看起来像

<强> Updated Plunker