Angular Slickgrid column filter not working on formatted column data

Question

I am using Angular-Slickgrid 4.1.4, Angular 12 In my data source, I have an array collection of objects. I need to display values from that collection object using a formatter property. But column filter is not working on this formatted column.

this.columnDefinitions = [
  // ......
  { 
    id: 'id', name: 'Customer First Name', field: 'customers', 
    sortable: true, filterable: true, type: FieldType.string,
    formatter: (_row: number, _cell: number, value: any, columnDef: Column<any>, dataContext: any) => {
      return (value != null ) ? value?.firstName: 'NA'},
   },
   // ........
]

Need help on column filtering, searched in google but didn't get right solution

Answer 1

Find one solution @ slickgrid doc Using queryField: and formatter: properties in ColumnDef.