Hello,

The issue is fixed and should be available in the upcoming release.

Regards,
Konstantin Dikov
Progress Telerik

Hi Stoyan, 

Thank you for getting back to us.

We understand that updating the key value will have a hit on the performance and it is just a temporary workaround until the issue is resolved. I have logged an item in our repository where you can follow its progress:

• https://github.com/telerik/kendo-react/issues/1633

Please excuse us for any inconvenience caused by this and if further assistance is needed, do not hesitate to contact us again.

Regards,
Konstantin Dikov
Progress Telerik

Hello Stoyan,

Thank you for contacting us and for providing both examples.

I was able to observe the difference in the behavior in both versions, but I will have to go through the recent fixes and talk with the developers team to see if this was done intentionally. With the latest version there is no "empty" space if the sum of the columns is less than the width of the Grid, which was frequently requested, but I will need some additional time to investigate the case.

Meanwhile, in order to return the previous behavior you can trigger a change in the "key" property of the Grid after setting the new values for the columns width:

const App = () => {
  const [firstColW, setFirstColW] = React.useState(500);
  const [secondColW, setSecondColW] = React.useState(500);
  const [gridKey, setGridKey] = React.useState(new Date());
  React.useEffect(() => {
    setTimeout(() => {
      setFirstColW(300);
      setSecondColW(200);
      setGridKey(new Date());
    }, 3000);
  }, []);

  return (
    <div>
      <Grid key={gridKey} style={{ height: "400px" }} data={products}>

Regards,
Konstantin Dikov
Progress Telerik