Grid Heading are not aligned when scroll bar added into the Grid

[Malkiat]

Hi Team

I m using telerik RadGrid into my website. When number of records increases into the grid I have set Scrolling property is true By which a scroll bar added into the Grid . But when scroll bar added into the grid headings are not aligned to the records. But when i set use Static header property false then it working fine. Also when i open the firebug this automatically correct . In addition it working fine IE10 but this problem occur in only FireFox and Chrome (latest).

I have attached the screen shot of grid to increase understandability . Pls reply  me as per as possible to fix this bug 


Thanks
Malkiat

[Venelin]

Hello Malkiat,

If you insert/delete grid items on client you need to call the .repaint() method on the grid. Inserting and deleting items changes RadGrid's structure and it needs to recalculate its metrics.

The other approach is to add the following CSS rule to your page styles:

CSS:

.MyGrid .rgDataDiv {
    overflow-y: scroll !important;
}

ASPX:

<telerik:RadGrid ID="RadGrid1" runat="server"  CssClass="MyGrid"...>
   ....
</telerik:RadGrid>

The side effect of this approach is that if the records are too few, RadGrid will still have the vertical scroll, but it cannot be scrolled. This will prevent the header misalignment.

Regards,
Venelin
Telerik