行の最小値を設定する方法primeNGデータテーブル

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