Filtering specific column in Angular Material table with more filter values (each column more than 1 selection)

Question

If I have to select filter from dropdownlist with check boxes. So user can select more than 1 filter for each specific column. How could it.

ngOnInit() {
    this.getRemoteData();

    // Overrride default filter behaviour of Material Datatable
    this.dataSource.filterPredicate = this.createFilter();
}
...

// Custom filter method fot Angular Material Datatable
createFilter() {
    let filterFunction = function (data: any, filter: string): boolean {
        let searchTerms = JSON.parse(filter);
        let isFilterSet = false;
        for (const col in searchTerms) {
            if (searchTerms[col].toString() !== '') {
                isFilterSet = true;
            } else {
                delete searchTerms[col];
            }
        }

        let nameSearch = () => {
            let found = false;
            if (isFilterSet) {
                for (const col in searchTerms) {
                    for (const element in col) {
                        searchTerms[col].[element ].trim().toLowerCase().split(' ').forEach(word => {
                            if (data[col].[element ].toString().toLowerCase().indexOf(word) != -1 && isFilterSet) {
                                found = true
                            }
                        });
                    }
                    return found
                } else {
                    return true;
                }
            }
        }
        return nameSearch()
    }
    return filterFunction
}