React-table: Global filter

[john-pc]

Please Consider adding the ability to setFilter with a column id that is not represented in the table.

Use Case:
Global filter input that can be used with setFilter function along with other filters in the table.
Right now i need to create a dummy column in order to use the setFilter function.
It can be nice if i could pass a flag to the function setFilter that indicates if the column is not represented in the table.

[adamsoffer]

A global filter option would be clutch. Here's what a common use case looks like.

[tannerlinsley]

I think you're right. I'll start thinking on how this could fit into the API. Stay tuned.

[MoAqsam]

Whats the status update for this feature ?

[wpapper]

A global filter would be fantastic! Our use case is quite similar to the ones already requested. Being able to pair a global filter with something like Fuse.js (https://fusejs.io) for weighting and fuzzy matching would be fantastic for a lot of search use cases.

[anishpatelyaadada]

@wpapper i think so you can use material UI for react to add this feature https://material-ui.com/components/tables/

[xuzhanhh]

I also need such a plugin! Will this be released soon?😍

[tannerlinsley]

This is now available!

7.0.0-rc.15

• Added useGlobalFilter hook for performing table-wide filtering
• Filter function signature has changed to supply an array of column IDs (to support both the tranditional single column style and the new multi-column search style introduced with useGlobalFilter).
• Removed the column parameter from the filter function signature as it was unused and no longer made sense with the array of IDs change above.
• Updated the filtering example to use a global filter in addition to the column filters

[anishpatelyaadada]

@tannerlinsley thank you so much

[Matheus-Ribeiro95]

@tannerlinsley MAN, you are amazing! thx :D

[bartoszgolebiowski]

Fantastic, could you updated @types/react-table
useTable function with missing

    const {
        getTableProps,
        getTableBodyProps,
        headerGroups,
        rows,
        prepareRow,
        state,
      ->   preGlobalFilteredRows,
      ->   setGlobalFilter,
    } = useTable(
        {
            columns,
            data,
            defaultColumn,
        },
        useFilters,
        useGlobalFilter
    );

Fantastic lib btw!!!

[tannerlinsley]

@bartoszgolebiowski Feel free to submit a PR to the types repo. Those types are 3rd party and not tracked or maintained here.

[vishalgohel30]

hello, global filter not proper working plz any suggestion?

[picolloo]

For anyone looking for types for the filtering properties from useTable, here is a link for a type definition file https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-table