如何在angular 4中使素数ng数据表成为动态的？

我已经使用prime ng primeface在angular 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> 

学生录音机

但在这里，我想动态显示数据表。即，列数不会固定。所以我的表应该接受，即使它是一个单列或任意数量的列。怎么可能呢？

试着这样做：

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=[{
学号：1000230，
系：'计算机科学'，
年份：2017年
}]
this.cols=[{
字段：“学生ID”，
标题：“学生代码”
}, {
字段：“部门”，
标题：“部门”
}, {
字段：“PassoutYear”，
标题：“逾越年”
}]

您应该使用角度管道，在这里您应该调用cols数组上的管道。如果你没有找到，就去搜索一下。我将为您留下一个答案，我们如何使用管道实现它？因为列标题和内容也将是动态的，并且在计数上有n个限制。this.Studentlist=[{StudentId:1000230，Dept:'Computer Science'，PassoutYear:2017}]这里列名正在更改下一个api调用..在这种情况下，我们如何实现？