Add way to place filters outside of table header

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

[python273]

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

[AllenFang]

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

example