Hi Mark,

I have created a sample demonstrating how to do Filtering on such a column in the igxGrid, please feel free to explore it here.

What is important to note is that I have bound an external input for filtering the data, instead of using the default UI, which I am not sure would be achieved ( will confirm later).

In the input change event, we need to:

1) create a filtering expressions tree, based on the value entered and filter the data collection using those expressions

2) Pass the filtered data to the grid

    public filter(term) {
      const filtExpressionsTree = new FilteringExpressionsTree(FilteringLogic.Or);
      filtExpressionsTree.filteringOperands = [
                  {
                    fieldName: "name",
                    condition: IgxStringFilteringOperand.instance().condition("contains"),
                    searchVal: term},
                  {
                    fieldName: "email",
                    condition: IgxStringFilteringOperand.instance().condition("contains"),
                    searchVal: term
                  }
                ];
      const state: IFilteringState = { expressionsTree: filtExpressionsTree, strategy: new SimpleFilteringStrategy() };
      const filteredData = DataUtil.filter(this.nestedData, state);
      this.grid1.data = filteredData;
  }
}

Will update you later with details on how to implement the sorting as well.

Hristo

https://ko.infragistics.com/community/forums/f/ignite-ui-for-angular/119621/default-filtering-with-ng-template

https://stackblitz.com/edit/angular-hyy2sb-zzmxdu

I am now looking for a way to extend this UI filtering sample to make the CustomStringFilter reusable across string properties with different names.

Currently the sample filter is set to look for a field called 'link'. It would be good if this could be modified to take an object and a string containing the name of the property to filter by.

Appreciate I would need different logic for e.g. filtering strings and dates but would like to reuse the filtering logic for the same data types instead of creating separate similar filters for many different grid columns across my application.

I am looking for a flexible, reusable way to filter/sort/group a column where an object and the name of a single object property to use can be provided to custom filtering/sorting/grouping logic.

Thanks,

Mark

I have updated the sample to do Sorting and Grouping on the use column, based on the registered value of the user:

https://stackblitz.com/edit/angular-cscspe

Please note that to achieve the above, is required to:

1) Define a custom sortStrategy, that extends the DefaultSortingStrategy. We need to override the compareObjects method, to work with the "registered" field of the object. Also, define a custom groupingComparer function for the column, that will work with the "registered" field of the object

2) Set the custom strategy and groupingComparer inputs for the column:

Please let me know if you have further questions, I will be glad to help!

Hristo