Add way to place filters outside of table header

[python273]

Currently I do it this way:

    // column
    filter: customFilter({type: FILTER_TYPES.SELECT}),
    filterRenderer: (onFilter, column) => {
      this.onSomethingFilter = onFilter;
      return null;
    },
    // then using this.onSomethingFilter in a custom input

but it seems hacky. Is there a better way?

Maybe it can be done via calling onTableChange handler? Or it's possible to add prop for filter values that would trigger table change when it's changed

[Vinaythegreat]

I am also interested on this feature !!!

[Vinaythegreat]

@python273 can you share the full code or codesandbox.io as i am anewbie to react and react table ? It will help me to understand it in a better way.

[python273]

@Vinaythegreat
https://stackblitz.com/edit/react-55g1xe?file=index.js

[Vinaythegreat]

@python273 That helped me a lot. Thank you so much !!

[AllenFang]

@python273 thanks your help 👍

[python273]

So is it recommended solution? Seems hacky to me

[AllenFang]

@python273 and @Vinaythegreat use Programmatically Filter will be the best solution

example