PrimeNG with angular2：如何为 p-headerColumnGroup 标签中的列添加过滤器答案

【问题标题】：PrimeNG with angular2: how to add filter for columns in p-headerColumnGroup tagPrimeNG with angular2：如何为 p-headerColumnGroup 标签中的列添加过滤器
【发布时间】：2017-06-19 10:54:26
【问题描述】：

背景：

根据PrimeNG docs，您必须将列标题放在 p-headerColumnGroup 标记中，以便使用 colspan/rowspan

操作它们

为了说明问题，我使用了一个带有以下模板的简单示例

过滤器在表格中不起作用。

（如果我将过滤器指令放在最后一个 p-column 标记中，这是相同的行为，它在 p-headerColumnGroup 之外）

 <p-dataTable [value]="characters">
    <p-headerColumnGroup>
      <p-row>
        <p-column header="Id" [filter]="true">ID</p-column>
      </p-row>
    </p-headerColumnGroup>
    <p-column field="id" header="Id" ></p-column>
  </p-dataTable>

这是一个错误，还是我在这里做错了什么？

【问题讨论】：

标签： angular filter primeng

【解决方案1】：

您不需要使用 p-headerColumnGroup.. 这样做：

 <p-dataTable [value]="characters">
 <p-column field="" header="Id" [filter]="true"></p-column>
  </p-dataTable>

【讨论】：