Angular 2 - 包含其他表的可擴展錶行

Question

我正在查找具有包含其他行（基本上是表中的表）的可展開行的數據表。

我找到了一個PrimeNG example，但是這隻在展開時顯示關於同一行的更多信息。似乎有幾個AngularJS的例子，但我找不到任何Angular 2.

這是我正在尋找Bootply，但當我使用它的行不擴大的另一個例子。我在index.html中導入了引導樣式表，並且可以使用其他引導程序功能。

Answer 1

您可以在rowexpansion模板中添加primeng數據表，將datatable的值設置爲行的屬性（通常是數組）。

<ng-template let-cp pTemplate="rowexpansion"> 
     <p-dataTable *ngIf="cp.associated_seasons" #dtSeasons [value]="cp.associated_seasons"> 
     </p-dataTable> 
</ng-template> 

這裏「CP」是你提到在主數據表和cp.associated_seasons行指的是所謂的「associated_seasons」行的屬性。