PrimeNG Datatableは行にコンポーネントを追加できません

Question

私は遅延ロードでPrimeNG Datatable（https://www.primefaces.org/primeng/#/datatable）を使用しています。すべて素晴らしいですが、すべての行にボタンを追加する必要があります（削除するオプション、各レコードを編集する）。

私は何とかビューのすべての行に列を追加しようとしましたが、それを理解できませんでした。それはコードを評価し、プレーンなHTML <div>Anything</div>を表示しません。しかし

private addActionsToRow(rows) { 

    let rowsWithAction = []; 
    for(let row of rows) { 
     row['actions'] = '<div>Anything</div>' 
     rowsWithAction.push(row); 
    } 

    return rowsWithAction; 

} 

：

は、それから私は、データテーブルで使用されているコントローラの配列にHTMLを追加しようとしました。

どうすればいいですか？

Answer 1

テンプレートで行うことができます。データテーブルdoc（https://www.primefaces.org/primeng/#/datatable）にセクションがあります。 <ng-template>を<template>に変更するだけでした。ここで

Answer 2

は私が行に

deleteVendorRecord(row):void{   
    this.vendorRecords.splice(this.vendorRecords.indexOf(row),1);    
} 

を受け入れる関数deleteVendorRecordを作成したTSファイルに続いて、各行優先

<p-column [style]="{'width':'38px'}">   
     <ng-template let-h="rowData" pTemplate="body"> 
      <button class="ui-button-danger" type="button" pButton (click)="deleteVendorRecord(h)" icon="fa-remove"></button> 
     </ng-template> 
</p-column> 

に削除ボタンを追加するために何をしたかであります