PrimeNG - datatable:如何在primeNg数据表中动态加载列及其字段?

时间:2017-02-09 10:55:12

标签: angular datatable primeng

我有json列表,它有一些输入字段和一些下拉字段。现在当在datatable中显示它时,我想根据我的json列表中的字段类型显示输入字段或下拉字段。

我的代码是

<p-dataTable [value]="earningList" [responsive]="true" reorderableColumns="true" [editable]="true" >
<p-column [style]="{'width':'38px', 'padding-left':'10px'}" selectionMode="multiple"></p-column>
<p-column *ngFor="let column of earningColumns" [field]="column.field" [header]="column.header" [editable]="column.editable" [style]="{'width':'100px'}">

</p-column></p-dataTable>                                        

此代码正在运行并显示所有数据和列,但我想显示该字段是否在json列表中是下拉列表,然后在表中它应该显示下拉列表。

我该怎么做?如果条件在这里工作? 提前谢谢。

编辑: 在Alex评论之后,我编辑了我的代码,如下所示

<p-column *ngFor="let column of earningColumns" [field]="column.field" [header]="column.header" [editable]="column.editable" [style]="{'width':'100px'}">
<template let-col let-earnings="rowData" pTemplate="editor">
    <p-dropdown *ngIf="column.isDropdown" [style]="{'width':'100px'}" [options]="taxFrequency"></p-dropdown>
</template>

但它显示的是没有列表的下拉列表。

1 个答案:

答案 0 :(得分:1)

您的问题的答案是:Templates。 您可以使用这些来设置单元格的样式,具体取决于数据的值。在那里,您可以使用*ngIf="column.isDropdown"之类的内容来显示下拉列表。