Почему Multigrid не обновляется?

Question

[Magnus Keef]

"react": "17.0.2",
"react-virtualized": "9.22.2",
"immutable": "3.8.1",
"react-draggable": "3.3.2",

Использую Multigrid для создания таблицы с прокруткой. Есть требование: иметь возможность вручную изменять ширины столбцов, в том числе и столбца-заголовка (боковик)

Пример:
https://codesandbox.io/p/sandbox/sharp-sinoussi-ydqmmq

Есть проблема, когда пытаюсь делать ресайз для боковика


Он размер свой меняет, но весь Multigrid не перерисовывается.


А вот если поменять ширину другной какой-нибудь колонки - всё хорошо сработает.

Так же, если поменять ширину боковика и сделать скролл, то весь Multigrid отрисуется как должно быть



Есть метод recomputeGridSize()

но я сейчас начинаю думать вот о чем:

Что по сути Multigrid объединяет несколько Grid компонентов

И когда я применяю this.grid.recomputeGridSize()

Я обновляю весь Multigrid (не знаю какой часть, но не весь)

И если бы я при выполнении _resizeCol обновлял что-то еще - было бы всё успешно.

Я уже попробовал это исправить. Но пока что обнаружил новая ширина записывается правильно. Что дальше сделать - не знаю.

Answer 1

[Magnus Keef]

Resolve problem!

Add this

this.grid.forceUpdate();

to _resizeCol methods into "setState" second parametr, after "recomputeGridSize"