如何使主數據表在角度4中變爲動態？

-1

我已經創建了角度爲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>

但在這裏我要動態顯示的數據表。即列數將不固定。所以我的表格應該可以接受，即使它是單列，也可以是任意數量的列。怎麼可能？

來源

2017-10-04 adarshkavallore

你應該使用角管，你應該呼籲的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>

來源

2017-10-06 04:27:57 Chandru

this.Studentlist = {[ StudentId：1000230，部： '計算機科學'， PassoutYear：2017年 }]這裏的列名正在改變未來的API call..in這種情況下，我們如何能夠achive？ – adarshkavallore

如何使主數據表在角度4中變爲動態？

回答

相關問題