首页 文章

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

提问于
浏览
1

我有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 回答

  • 1

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

相关问题