Question

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

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

Answer 1

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

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

1 个答案: