Add select box filters for filtering columns

[twheys]

Add select box filters for filtering columns

[tannerlinsley]

React-Table, in it's current form, gives you the api to achieve this on your own, but you will need to implement your own UI and filtering methods. Try the following:

1. Pass your own react component to the header field for your column. In that component you can implement any type of UI that you want for filtering: select, string input, multi-select, or even react-select
2. You will need to create and populate any options for the column UI from the original dataset (before filtering it)
3. When your column's filter state changes, apply that filter state the original dataset using something like https://github.com/kentcdodds/match-sorter or https://lodash.com/docs/4.17.4#filter
4. Pass the new filtered array to react-table

Although this is a common use-case for a datagrid, react-table's approach is not to include all of the functionality in the core of the package, but to provide the api/extension model to accomplish it.

[twheys]

Ok, I will consider creating an extension then. Thanks for the suggestions.