具有angular2的PrimeNG:如何为p-headerColumnGroup标记中的列添加过滤器

时间:2017-02-02 11:28:00

标签: angular filter primeng

背景:

根据PrimeNG docs, 你必须将columns-header放在 p-headerColumnGroup 标签中,以便用colspan / rowspan来操作它们

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

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

(如果我将过滤器指令放在 p-headerColumnGroup 之外的最后一个 p-column 标签中,则会出现相同的行为)

  import { NgZone } from '@angular/core';

  constructor(
    private zone: NgZone
  ) { super(); }


 getLocation(address: string): void {
  var mygc = new google.maps.Geocoder();
  var self = this;

  mygc.geocode({
    'address': address
  }, (results, status) => {

    var data: any = results[0];

    self.zone.run(() => {
      self.myObject.myData = {          
        lat: data.geometry.location.lat(),
        lng: data.geometry.location.lng()
      };
    });
});

这是一个错误,还是我在这里做错了什么?

1 个答案:

答案 0 :(得分:0)

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

df1
Fruit;Color;The_evil_column
Apple;Red;something1
Apple;Green;something1
Orange;Orange;something1

df2
Fruit;Color;The_evil_column
Orange;Green;something2
Apple;Red;something2

df3
Fruit;Color;The_evil_column
Apple;Red;something3