angular - 带有 angular2 : how to add filter for columns in p-headerColumnGroup tag 的 PrimeNG

Question

背景:

根据 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>

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

Answer 1

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

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