How to have multiple filters for same column

[jaekunchoi]

Is there a way to implement multiple filters for one column?

I want to be able to use word column and have various of filters for that. Currently there is only one filter I am using with Filter column option which is working fine but I can't find an example of using multiple filters for this same column for example a word column will need and/or filter as well as multiple words as input value for filtering rows.

[brianhankins]

I'm also looking for a solution to this. The current app I'm working on is using v6 branch.

We've tried using this: React-Table - Custom Filtering + Multiple values filte

However, it seems that when passing in an array to the onFilteredChangeCustom(value, accessor) method, the table wont display any rows if the array contains more than one element.

This was also asked 7 months ago on SO: react-table-custom-fitering-doesnt-work-with-multiselect-react-select

It currently doesn't have any answers. I'm not sure when this broke or how the developer using the code sandbox got this to work. I also noticed though in the code sandbox that you have to use the react-select. Manually typing into the filter on the table wont produce an array and will show no rows.

I rolled back my version to React-Table: 6.5.3 as shown in the code sandbox and still this isn't working either. I'm not sure how this code sandbox is working...

[danish1994]

In the above example - https://codesandbox.io/s/react-table-custom-filtering-multiple-values-filter-forked-1f98i
If you see defaultFilterMethod is being added. which is resolving an array of values.

[ogmzh]

I'm aware you asked this in 2020, but this is how I did it in v7:
When creating a column level filter, you can pass an array as the last argument (which is usually called filterValue as a single string), and the column filter looks like:

return {
            Header: label,
            accessor: key,
            filter: (rows: Row<MyEntity>[], columnIds: string[], filterValues: string[]) => {
              if (!filterValues || filterValues.length === 0) {
                return rows;
              }
              return rows.filter(row => filterValues.includes(row.values[columnIds[0]]));
            },
          };

Adding values to this filter, i flatmap new values into a single array (which is then picked up by the filterValues array mentioned above:

        setFilter(columnId, [
                     ...filters
                       .filter(existingFilter => existingFilter.id === columnId)
                       .flatMap(existingFilter => existingFilter.value),
                     newFilterValue,
                   ]);

[joonasstenvall]

Hi, I know that this is a late repy but could you explain this a bit more? I'm having a hard time with this myself. I need to be able to filter a column atleast twice. Eg, Select names foo and bar and columns would only show data from foo and bar.

[joonasstenvall]

Just as I replied I stumbled across this thread which solved my issue!
#2350
Leaving this for future googlers!