如何使主数据表在角度4中变为动态？

问题描述：

我已经创建了角度为4的数据表，并使用primeface。我能够从远程服务器绑定表。我给了列名和标题一样如何使主数据表在角度4中变为动态？

{ field: 'StudentId', header: 'Student Code' }, 
     { field: 'Dept', header: 'Department' }, 
     { field: 'PassoutYear', header: 'Passout Year' },

和HTML会像

<p-dataTable #dt [value]="Studentlist" exportFilename="Studentlist" reorderableColumns="true" resizableColumns="true" columnResizeMode="expand" selectionMode="single" [(selection)]="selectedCar" (onRowSelect)="onRowSelect($event)" [responsive]="true" [rows]="8" [paginator]="true" scrollHeight="300px"> 
     <p-header>STUDENT RECORDER</p-header> 
     <p-header> 
      <div style="text-align:left"> 
       <p-multiSelect [options]="columnOptions" [(ngModel)]="cols"></p-multiSelect> 
      </div> 
     </p-header> 

     <p-column *ngFor="let col of cols" [field]="col.field" [header]="col.header" [sortable]="true" [filter]="true" [editable]="true" filterMatchMode="startsWith" filterPlaceholder="Search"></p-column>

但在这里我要动态显示的数据表。即列数将不固定。所以我的表格应该可以接受，即使它是单列，也可以是任意数量的列。怎么可能？

你应该使用角管，你应该呼吁的cols阵列管。如果你没有得到它，去搜索一下。我将为你留下一个答案 –

我们如何使用管道来实现它？因为列标题和内容也将是动态的，并且在数量上有n个限制。 – adarshkavallore

答

尝试这样的：

this.Studentlist = [{ 
    StudentId: 1000230, 
    Dept: 'Computer Science', 
    PassoutYear: 2017 
}] 

this.cols = [{ 
    field: 'StudentId', 
    header: 'Student Code' 
}, { 
    field: 'Dept', 
    header: 'Department' 
}, { 
    field: 'PassoutYear', 
    header: 'Passout Year' 
}] 

<p-dataTable [value]="Studentlist"> 
    <p-column class="a" *ngFor="let col of cols" [field]="col.field" [header]="col.header"></p-column> 
</p-dataTable>

this.Studentlist = {[ StudentId：1000230，部： '计算机科学'， PassoutYear：2017年 }]这里的列名正在改变未来的API call..in这种情况下，我们如何能够achive？ – adarshkavallore

如何使主数据表在角度4中变为动态？

相关推荐