react-data-grid icon indicating copy to clipboard operation
react-data-grid copied to clipboard

Resizing columns without fixed width changes width of multiple columns at once

Open vincaslt opened this issue 3 years ago • 2 comments

Describe the bug

Resizing non-fixed width (only minWidth) columns resizes multiple columns at once the first time.

https://www.loom.com/share/66fde5d3fb4f4381817fad84994f3d9e

To Reproduce

  1. Create several columns that have minWidth + resize and no fixed width. They take up the whole screen width but not overflow it.
  2. Try resizing 2nd or 3rd+ column
  3. The column is resized, but so is the one next to it.
  4. Resizing another column "fixes" the calculations and subsequent attempts to resize the columns work as expected.

Link to code example: https://codesandbox.io/s/rdg-column-resizing-forked-lru43

Expected behavior

Only the column that is being resized changes it's width.

Environment

  • react-data-grid version: 7.0.0-canary.49
  • react/react-dom version: 17.0.2

Additional context

vincaslt avatar Oct 14 '21 13:10 vincaslt

Any news on this?

vincaslt avatar Nov 08 '21 14:11 vincaslt

Any news?

vincaslt avatar Mar 10 '22 09:03 vincaslt