Hide a column, but still show its filter

[jessehas]

I have a situation where I want to hide a column from the user, but still make its filter available since it's useful. The column itself only contains a yes/no flag and is a waste of space to actually show in the table. Any help would be appreciated. Thanks!

I'm rendering filters like this:

headerGroup.headers.map((column, index) => column.canFilter ? <div key={index}>{column.render('Filter')}</div> : null)

[jessehas]

Resolved by using allColumns rather than headerGroup.

[tychenjiajun]

make it a hidden column in initialState