Automatically adjust column sizes while dynamically hiding and showing columns.

[paddu1246]

TanStack Table version

8.20.5

Framework/Library version

react ^18.2.0

Describe the bug and the steps to reproduce it

Automatically adjust column sizes while dynamically hiding and showing columns.

Could you please help me with how to adjust columns automatically?

below code

`<th
key={header.id}
colSpan={header.colSpan}
style={{
display: 'flex',
width: header.getSize()
}}

<td
    key={cell.id}
    style={{
        width: cell.column.getSize()
    }}
>`

`<th
key={header.id}
colSpan={header.colSpan}
style={{
display: 'flex',
width: header.getSize(),
}}

 <td
     key={cell.id}
     style={{
         width: cell.column.getSize()
      }}
   >`

Thanks advance

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

NO

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms & Code of Conduct

• I agree to follow this project's Code of Conduct
• I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.