Hello,

I have filtering working just fine using ng-template and manually activate filtering via the gui. To do so I'm using a custom filter and specifying it in the [filters] property of the column I want to filter.

Here is how they are defined:

 <igx-grid id="dummyGrid" #dummyGrid [data]="dummyData | async" [autoGenerate]="false"
            width="100%" [height]="'550px'"
            [rowSelectable]="false" [allowFiltering]="true">
            <igx-column [field]="'statusType'" [header]="'Status'" [editable]="false" [sortable]="true"
                [resizable]="true" [sortStrategy]="customSorter_statusType" [filters]="customFilter_statusType">
      <ng-template igxCell let-cell="cell">
        {{cell.value?.statusName}}
      </ng-template>
    </igx-column>
</igx-grid>

Like I said, that part works fine.  I'd like to apply a default filter when the page loads up and I'm struggling on how to do that. Your documentation gives this example:

this.grid.filter('ProductName', 'myproduct', IgxStringFilteringOperand.instance().condition("contains"), true);

That works with no issues for me on a normal, non-templated field. How do I apply this on a ng-template field?

I've tried supplying the name of the field and field.PropertyName but I'm having no luck.

Thanks!