Multi select filter [v7]

[vsSanti]

I'm trying to develop a column filter that can be multi-selected. To do this, I'm using the react-select component and passing the "isMulti" props to it. The thing is: it doesn't work as expected due to setFilter column function only accepts one value.

Just for clarification: I've seen it for previous versions, but none of them work for v7.

I tried the following:

<Select className="react-select-container w-auto" classNamePrefix="react-select" style={{ width: '0px !important' }}
    options={options}
    isMulti
    onChange={e => {
        setFilter(e ? e.map(data => data.value) : undefined)
    }}
/>

But it did not work.
Does it have a solution?

[vsSanti]

What I ended up with is the following:
Added another filterType (it is shown on the filtering example) to my table, and the filter is something like that:

export function MultiSelectFilterFn(rows, id, filterValues) {
    if (filterValues.length === 0) return rows;

    return rows.filter(r => filterValues.includes(r.values[id]));
}

[TimMcCauley]

I am not sure if it exists in the docs yet but how it works, p.s. make sure you are using the latest version.

{
          Header: "test",
          accessor: test,
          canGroupBy: true,
          Filter: MultiSelectColumnFilter,
          // https://github.com/tannerlinsley/react-table/pull/2329
          filter: 'includesSome',
          aggregate: 'count',
          Aggregated: ({ value }) => `${value} (total)`
        }

[ljrodriguez1]

How would you write the MultiSelectColumnFilter, i am trying but i get the error FilterValue.some is not a function

[TimMcCauley]

@ljrodriguez1 this discussion may possibly help - #2253

[ljrodriguez1]

Thank you it really helped me understand more how this filters works, i have managed to get to my own solution and is working column wize. any input in how to set the filter atribute in an GlobalFilter, i want to pass it the filter atributte includeSome

[ljrodriguez1]

@TimMcCauley do you have any idea on how to set filter: includesSome on a Global Filter?

Been figthing with this for a week and have not found anything usefull