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

Question

背景：

根据PrimeNG文档，你必须把列标题放在一个p-headerColumnGroup标签中，以便用colspan/rowspan操作它们

。

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

筛选器在表中不起作用。

(如果我将过滤器指令放在最后一个 p 列标签中，这是相同的行为，该标签位于 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>

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

Answer 1

你不需要使用 p-headerColumnGroup。就这样做：

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