Setting grid width via javascript stopping frozen columns working?

[Holly]

I'm setting the width of my radgrid  and the scrollarea height as a percentage of the window size like so:

function GridCreated(sender, args) {

      var scrollArea = sender.GridDataDiv;

      var gridHeader = sender.GridHeaderDiv;

      scrollArea.style.height = $telerik.$(window).height() / 2 - gridHeader.clientHeight + "px";

      sender.get_element().style.width = ($telerik.$(window).height() * .85) +"px";

     

  }

I've then got  the below clientsettings

<ClientSettings>
      <Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="2"/>
      <ClientEvents OnGridCreated="GridCreated" />
   </ClientSettings>

The frozen columns aren't frozen.
Yet if I set the width of the grid  as a property in the <Telerik:RadGrid tag instead of by javascript the frozen columns stay frozen as expected.
Do you have any idea why this might be happening?
Thanks

[Pavlina]

Hi,

I have used the provided code and prepared a sample runnable project following your scenario. However, I was not able to replicate the described problem. The only thing which I changed is to add repaint() method to the grid at the end. Give it a try and see what is the difference in your case.

Greetings,
Pavlina
the Telerik team