PrimeNG

Question

我有 json 列表，其中有一些输入字段和一些下拉字段。现在在数据 table 中显示它时，我想根据我的 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 列表中是下拉列表，然后在 table 中它应该显示下拉列表。

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

编辑：在 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>

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

Answer 1

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

PrimeNG - 数据表：如何在 primeNg 数据表中动态加载列及其字段？

PrimeNG - datatable: How to dynamically load columns and their fields in primeNg datatable?

angular

datatable