react-table column width does not get adjusted after manipulating its show property

Question

I am showing a list of columns using a react table. I have a drop down as a first column which shows list of columns that needs to be shown/hidden. But The problem is whenever a column is being hidden by making show as false ,the table width does not get adjusted.

This is after I have hidden all the columns using settings icon , there is a lot of space after status column. I want to avoid it . I am using width property to set width for each column. I want the width to get auto adjusted

Answer 1

Are you using react-table? If so I found this example. I think this is what you are looking for.

react-table simple table