This is a migrated thread and some comments may be shown as answers.

Headers Misaligning at end of horizontal scroll

2 Answers 41 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Holly
Top achievements
Rank 1
Holly asked on 16 Nov 2012, 10:33 AM
I have a grid that is resized by the following JavaScript
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).width() * 0.85) + "px";
    gridHeader.style.width = ($telerik.$(window).width() * 0.85 -17) + "px";
  }

The radGrid has the below settings
<Telerik:RadGrid Visible="False" ID="ctlReportGrid" runat="server" AutoGenerateColumns="False" GridLines="Horizontal" CellSpacing="1" xSkin="Mac" EnableAJAXLoadingTemplate="True" LoadingTemplateTransparency="50" Width="400px">
       <ClientSettings>
            <Scrolling allowscroll="true" UseStaticHeaders="true"/>
            <ClientEvents OnGridCreated="GridCreated" />
        </ClientSettings>
    <MasterTableView ShowFooter="True">

In any browser other than IE, when the horizontal scrollbar is taken to the extreme right end, the headers of the columns misalign by the width of the scrollbar. (i.e. they move slightly to the right).
In IE there is a small image that fills  the space above the scrollbar as the headers move to the left. This is missing in the other browsers. 

There are no item-style:widths within the grid. 

Is there a setting I am missing?
 Thank you in advance for any and all help!
 

2 Answers, 1 is accepted

Sort by
0
Holly
Top achievements
Rank 1
answered on 20 Nov 2012, 01:52 PM
Sorry, but *bump*!
0
Pavlina
Telerik team
answered on 21 Nov 2012, 10:06 AM
Hi Holly,

I used the provided code to prepare a sample project, but I was not able to replicate the described problem. Find attached my test page and see what is the difference in your case.

All the best,
Pavlina
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Holly
Top achievements
Rank 1
Answers by
Holly
Top achievements
Rank 1
Pavlina
Telerik team
Share this question
or