Question

我使用PrimeNG和Angular 2构建显示数据表的Web应用程序。到目前为止，这种方法效果很好，但我希望在数据单元格中有一个下拉组件，这意味着模板方面p列应包含另一个p-dropdown元素，如下所示：

<p-dataTable [value]="dataColumns" [(selection)]="selectedInputColumns">
        <header>Specify Input Columns</header>
        <p-column [style]="{'width':'38px'}" selectionMode="multiple"></p-column>
        <p-column field="label" header="Column Name"></p-column>\n\
        <p-column header="Column Type">
           <p-dropdown [options]="dataColumns" [(ngModel)]="selectedDmuColumn"></p-dropdown> 
        </p-column>
</p-dataTable>

相应的列不显示任何内容，即使我只放置一个简单的文本而不是下拉列表，它也不显示。

我是否会错过任何内容，或者只是预见到会这样做？

Answer 1

您需要在p列下指定<template>，如下所示，每个PrimeNg数据表文档：

列中的模板必须使用pTemplate指令进行修饰以及type属性以指示模板所属的位置至。可能的值是＆＃34; header＆＃34;，＆＃34; body＆＃34;和＆＃34;页脚＆＃34;。

<p-column header="Column Type">
    <template pTemplate type="header">
       <p-dropdown [options]="dataColumns" [(ngModel)]="selectedDmuColumn"></p-dropdown> 
    </template>
</p-column>

将下拉组件添加到数据表

1 个答案: