Почему не обновляется state?
У вас нет функции onMouseUp, когда пользователь отпускает кнопку мышки, которая применяла бы итоговые, полученные, значения к столбцам.
То есть, выражаясь другим языком, есть обработка начала действия, но нет обработки завершения
Я не понял как, но оно заработало)
https://jsfiddle.net/32q45ytm/6/