Hidden columns rendering

[andreizhvaleuski]

Is it possible to get list of hidden columns, the same as visibleColumns?
Now I'm doing this like this: allColumns.filter(x => !x.isVisible). I need them to render hidden columns in special dropdown to allow user sort, filter on hidden columns. But when I toggle order by on this element, it state stays the same, while internal table state changes. The same issue with filter value?
Am I doing this wrong?

[andreizhvaleuski]

P.S. Will appreciate any thoughts about this!

[andreizhvaleuski]

Also I noticed that when I make hidden column visible it state becomes valid and it rendered as expected, and if after that I make the same column hidden it will be rendered with expected state (as mentioned earlier, I get it from this call allColumns.filter(x => !x.isVisible)).

[andreizhvaleuski]

This is my current solution for this problem:

const pluginName = 'useHiddenColumns';

export const useHiddenColumns = hooks => {
    hooks.allColumnsDeps.push((deps, { instance }) =>
        [ ...deps, instance.state.filters, instance.state.sortBy ]);
};

useHiddenColumns.pluginName = pluginName;