Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Tom
35
WebDataGrid Misaligned Column Headers (only in Chrome)
posted

I'm using Virtual Scrolling on the WebDataGrid in Infragistics ASP.Net 2011 Vol 2

This is only effecting Chrome (Version 36.0.1985.125 m). Is working fine in latest version of Firefox, Safari, IE 7, 8, 9 & 10

Here you can see the headings are misaligned with the data (They are supposed to be fixed width at 150px)

When you scroll to the right you can see the data moves quicker than the headings. As you get all the way to the right, the headings gradually grow to the correct size. It's like the total width of the headings is smaller than the total width of the data.

I've removed custom styles and unnecessary features but this is still happening in Chrome only

<igtbl:WebDataGrid ID="uwgDrilldown" runat="server" Width="100%" Height="100%" DefaultColumnWidth="150px">
<Behaviors>
<igtbl:VirtualScrolling ThresholdFactor="10" TooltipVisibility="True" AverageRowHeight="29"></igtbl:VirtualScrolling>
</Behaviors>
</igtbl:WebDataGrid>

Switching on ColumnFixing seems to make it work... but then that feature is causing issues in Internet Explorer where by (upon fixing a column) the first row is the only one that moves to the right. All other rows stay fixed. This is very frustrating!

Any help would be greatly appreciated