Angular 2 - 包含另一个表的可扩展表行

Question

我正在寻找一个数据表，其中包含可扩展的行，其中包含其他行（基本上是表中的表）。

我找到了PrimeNG example，但这只会在展开时显示有关同一行的更多信息。似乎有一些AngularJS示例，但我无法找到Angular 2的任何示例。

这是我在Bootply上寻找的另一个例子，但是当我使用它时，行不会扩展。我在index.html中导入了引导程序样式表，并且我能够使用其他引导程序功能。

Answer 1

您可以在rowexpansion模板中添加一个primeng数据表，并将数据表的值设置为行的属性（通常是数组）。

<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”的属性。